body{
  min-height:100vh;
}

a:visited{
  color:#333;
}

a:link{
  color:#333;
}

  #contactForm{
    background:#fafafa;
    border-radius:8px;
    padding:25px;
  }

  .icon-container{
    background-color:red;
    
  }

  #backButton{
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    top:25px;
    left:25px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    background-color:rgba(250,250,250,0.5);
    padding:10px;
    padding-left:20px;
    border-radius:5px;
      
  }

  #backButton:hover{
    background-color:hsl(300,0%,100%);
  }

  @media (max-width:750px){
    #backButton{
      position:relative;
      top:0;
      left:0;
    }
  }
  
  .form-control:focus {
    border-color: hsl(95,25%,25%);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px hsla(95,25%,25%,.6);;
  }
  

    #darkOverlay {
      background-color: rgba(100, 100, 100, .5);
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 10;
      display: none;
      justify-content: center;
      align-items: center;
    }
  
    #moreInfoAboutDeletion {
      position:absolute;
      top:30px;
      left:50%; 
      transform:translateX(-50%);
      width: min(70ch, 95%);
      background-color: #fff;
      padding: 45px 25px;
      border-radius: 15px;
      display: none;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-top: 35px;
      z-index:11;
    }

  /***************************** Navbar ************************************/

  #navbarButtons{
    position:absolute;
    right:-5px;
    top:5px;
    width:28vw;
    background-color:rgba(0,0,0,.0);
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    font-size:20px;
    padding-top:20px;
    
}

@media (max-width:699px){
    #navbarButtons{
        display:none;
    }
    #chevronHome{
      display:block;
    }
}

@media (min-width:700px){
    #navbarButtons{
        display:flex;
        flex-direction:'row';
    }
    #chevronHome{
      display:none;
    }
}


.buttonContainer{
  display:flex;
  justify-content:center;
  align-items:center;
  font-family:'Nunito';
  color:#fff;
  padding-right:10px;
  padding-left:10px;
  transition:.3s;
  
}

.navButtonUnderline{
  width:10%;
  background-color:none;
  height:4px;
  border-radius:100px;
  transition:.2s;
}


.buttonText{
  color:#444;
  font-size:20px;
  transition:.2s;
}



/*.buttonText:hover{
  
  transform:scale(1.1);
}*/

.buttonText:hover + div{
  background-color:hsl(95,40%,50%);
  width:100%;
}

#homeButton, #aboutButton{
  z-index: 5;
}

/************************************************* End Navbar *****************************************************/
.infoButton{
color:hsl(95, 9%, 60%);
}

.infoButton:hover{
  color:hsl(95,25%,25%);
}