.navbar-nav{
    position: relative;
   
      font-size:25pt;
      font-family: 'Indie Flower', cursive;
  }
  .navbar-brand{
      font-size:60pt;
      font-family: 'Indie Flower', cursive;
  
  }
  .img1 {
     display:flex;
      margin-left:auto;
      
      
  }
  .jumbotron {
  
    display:flex;
      
  }
  .img2{
      width:1440px;
  }
  h1 {
      font-family: 'Indie Flower', cursive;
      font-size:50pt;
      text-decoration:underline;
       font-weight:bold;
  
  }
  h2 {
      font-family: 'Indie Flower', cursive;
      font-size: 50px;
      text-decoration:underline;
      font-weight:bold;
  }
  .cheeseSection{
      display:flex;
      justify-content:left; 
      background-color:#e9ecef;
  
  
  }
  .pepperoniSection{
      display:flex;
      justify-content:left; 
      margin-top:-60px;
      background-color:#e9ecef;
  }
  .appetizersBody{
      display:flex;
      justify-content:left; 
      margin-top:80px;
      background-color:#e9ecef;
  }
  .chee {
      width:600px;
      height:360px;
      border-radius:5%; 
      border: 2px solid black; 
  }
  .cheTitle{
      display:flex; 
      justify-content:center; 
  
  }
  p {
      line-height: 30px;
      font-family: 'Indie Flower', cursive;
      font-size: 25px;
  }
  .Drinks {
      margin-bottom:160px;
  }
  
  .addCheese{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeCheese{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .addPepperoni{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removePepperoni{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  
  
  .CombinationSection{
      display:flex;
      justify-content:left; 
      margin-top:-60px;
      background-color:#e9ecef;
  }
  .salad{
      display:flex;
      justify-content:left; 
      margin-top:-60px;
      background-color:#e9ecef;
  }
  .appetizers{
      display:flex;
      justify-content:center;
      margin-top:20px;
      background-color: white;
  
  }
  .Calzone{
      display:flex;
      justify-content:center;
      margin-top:-60px;
      background-color:#e9ecef;
  }
  .Samuel{
      display:flex;
      justify-content:center;
      margin-top:20px;
      background-color:#e9ecef;
  }
  .Becks{
      display:flex;
      justify-content:center;
      margin-top:-60px;
      background-color:#e9ecef;
  }
  .Budweiser{
      display:flex;
      justify-content:center;
      margin-top:0px;
      background-color:#e9ecef;
  }
  
  .addCombination{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeCombination{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  
  .addGarlic{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeGarlic{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  
  
  .addSalad{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeSalad{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  
  .addCalzone{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeCalzone{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .addSamuel{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeSamuel{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .addBecks{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeBecks{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .addBudweiser{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  .removeBudweiser{
      display:flex;
      flex-direction:row;
      margin-top:50px;
      margin: 20px auto;
      width:400px;
      height: 50px;
      border-radius: 2%; 
      justify-content: center;
      font-size:20pt;
      font-family: 'Indie Flower', cursive;
      border: 5px solid #513a36;
  }
  
  .order{
      margin-top:200px;
  }
  
  .gip{
  
      height: 400px;
      width:550px; 
  }
  
  .payBill {
      display:block;
      height:50px;
      width:500px;
      margin-bottom:10px;
      
  }
  .finalize{
      height:50px;
      width: 500px; 
      margin-bottom:10px;
      margin-top:5px;
  }
  .reset{
      height:50px;
      width: 500px; 
      margin-bottom:10px;
     
  }
  .cheeseButtons{
      background-color:#e9ecef;
      margin-bottom:50px;
  }
  
  .hidden {
      display:none; 
  }
  
  @keyframes totalAnimation{
      0% {
  border:1px solid rgb(129, 60, 60);; 
  background-color:white;
  margin-left:160px;
      }
      20%{
          margin-left:160px;
  border:2px solid black;
  width:500px;
  
  
      }
      40%{
          margin-left:160px;
          border:3px solid black;
        
          width:600px;
      }
      60% {
          border:4px solid black;
          width:700px;
         
  ;
          margin-left:160px;
      }
      80% {
          border:5px solid black;
          width:800px;
         
          margin-left:160px;
      }
      100%{
          border:5px solid black;
          width:900px;
          
          
          margin-left:160px;
      }
  }
  .payBox1{
      
      width:0px;
      height:300px;
      animation-name: totalAnimation;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      margin-bottom:10px;
  }
  
  .total1 {
      display:flex;
      font-size:16pt;
      margin-bottom: 10px; 
      margin-left: 200px; 
  }
  
  .total2 {
      display:flex;
      font-size:16pt;
      margin-bottom: 70px; 
      margin-left: 200px; 
  }
  .totalB {
      display:flex;
      font-size:16pt;
      margin-bottom: 10px; 
      margin-left: 200px; 
  }
  
  
  @keyframes totalAnimation2{
      0% {
        height:80px;
        width:80px;
      }
      20%{
          height:100px;
          width:100px;
  
      }
      40%{
          height:140px;
          width:140px;
      }
      60% {
          height:180px;
          width:180px;
      }
      80% {
          height:220px;
          width:220px;
  
      }
      100%{
          height:280px;
          width:280px;
      }
  }
  .faceAnimate{
      
      width:80px;
      height:80px;
      animation-name: totalAnimation2;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      margin-bottom:10px;
  }
  
  .final {
      background-color:#e9ecef;
      height:500px;
  }
  
  .cart{
  font-size: 6pt; 
  
  }
  
  .closecart{
      font-size: 6pt; 
      
      }
  .cartbody {
      margin-left:20px;
      height:120px;
      width:300px; 
    
      
  }
  
  .text{
      font-size:10pt;
      margin-top:12px;
      margin-left: 5px;
  }