* {box-sizing: border-box;}

     h1 {font-weight: bold; 
}

p {font-size: 26pt;
text-align: center;
font-weight: bold;
}

     header{ background-color:pink ;
      background-image: url(images/lovenails3.jpg);
   background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
        text-align:left;
padding-bottom: 200px;
}

nav {
  background-color:pink ;
    font-size: 1.5em; 
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    text-align: center;}

    #nav ul {margin-bottom: 0;}

    body {background-color: pink;}

#grad { height: 1350px;
  background-color: #f47eab;
  background-image: linear-gradient(to bottom right, rgb(243, 193, 146), purple, #ffffff)

}
  
  main {background-color: #f47eab;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: rgb(10, 10, 10);
}

  .flex-container {display:flex;
    background-color: #f47eab;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-left: 3px;
    }
  
    .flex-container > div {background-color: #f47eab;
    margin: 10px;
  padding: 1px;
  flex-wrap: wrap;

  }

  .flex-container2 {display:flex;
    background-color: #f47eab; 
  border: 2px solid #000000; }
  
    .flex-container2 > div {background-color: #f47eab;
    margin: 1px;
  padding: 1px;
    }
   
    .grid-container {
      display: grid;
      grid-template-columns: auto auto auto;
    }


  #vegas {width: 215px;
  height: 407px;
margin: 0 auto;}

.about { font-size: 18pt;
   padding: 75px 125px;
}

.forms {text-align: center;
}

  .appointment {text-align: center;
  font-size: 14pt;
font-family: 'Times New Roman', Times, serif;
font-weight: bold;}


    
      h1{
        color: white;
  text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 25px rgb(247, 1, 255), 0 0 5px rgb(98, 2, 107);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        text-align:center;
        font-size: 3em;
    font-family:verdana , Arial, sans-serif }

.phone{ font-size:14pt;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
text-align: center;
}

#services {
 
 text-align: center;
  font-size: 18pt;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}


#link {
  width: 215px;
    height: 407px;
  margin: 0;
}

#grid_container {display: grid;
padding-left: 150px;}

    caption {font-size: x-large;
        font-weight: bold;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }


    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
      }
    
      td, th {
        border: 1px solid #070707;
        text-align: left;
        padding: 8px;
      }
      
      tr:nth-child(even) {
        background-color: peachpuff;
      }
.buttons{margin-left: 625px;
 
}

.text {background-color: peachpuff;

}

.appointment {text-align: center;
font-size:28pt;
font-weight: bolder;
font-family: Georgia, 'Times New Roman', Times, serif;
background-color: peachpuff;
}

.row {align-content: center;}   
.video {     width: 375px;
  margin:0 auto;

  }

footer {background-color: #f47eab;
      font-size: .60em; 
     font-style: italic; 
     text-align: center;
 padding-bottom: 1em;
 border-top: 2px;}

 @media (min-width: 600px) { 
  header { 	padding-left: 0; 
      text-align: center; }
  h1        { font-size: 3em; }	
  nav ul   { 	flex-flow: row nowrap;
      justify-content: space-around; }
  nav li    { 	border-bottom: none; }

  #flow { display: flex;
      flex-direction: row; }    
  #mobile   { display: none; }
  #desktop { display: inline; }
  .details { display: flex;
         flex-direction: row;  }
  h4 { margin-left: 10%; 
      margin-right: 10%; }

  }