body {
  margin: 0;
  /*
  background: linear-gradient( rgba(105, 240, 245, 1) 30%, rgba(255, 255, 255, 0.884) 95%);

  background: linear-gradient( rgb(0, 255, 255, 1) 30%, rgba(255, 255, 255, 0.884) 95%);
*/
  background: linear-gradient( rgb(175, 238, 238) 30%, rgba(255, 255, 255, 0.884) 95%);


  background-repeat: no-repeat;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

}

/*
h1, h2, h3, h4, p {
}
*/

h1{
  text-align: center;
}

h2{
  text-indent: 5px;
}

h3{
  text-indent: 10px;
}

h3{
  text-indent: 15px;
}

h4{
  text-indent: 20px;
}

.address{
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1.2rem;
}

p{
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1.2rem;
}

table {
  font-size: 1.2rem;
} 

.container-main {
  max-width: 130vh;
  margin: 0 auto;
}

.turtles {
  display: block;
  max-width: 80%;
  margin: 0 auto;
  padding-top: 2rem;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: blue;
  font-size: 1rem;
}

a:hover {
  color: red;
}

.navbar {
  width: 130vh;
  height: 35px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background-color: lightblue;
  justify-content: center;
  align-items: center;
  position: fixed;
}


.navbar .links {
  display: flex;
  gap: 2rem;
}

.navbar .toggle-btn {
  color: blue;
  font-size: 1.5rem;
  cursor: pointer;
  display: none;
  margin-left: .8rem;
}




/* Dropdown Menu */

.dropdown_menu {
  display: none;
  position: fixed;
  right: 2rem;
  top: 50px;
  height: 0;
  width: 150px;
  background: rgba(255,255,255, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 10px;
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}

.dropdown_menu.open {
  height: 300px;

}

.dropdown_menu li {
  padding: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;

}


/* Responsive Design */

@media(max-width: 1000px) {
  .navbar .links  {
    display: none;
  }

  .container-main {
    margin: 0;
  }


  .navbar .toggle-btn {
    display: block;
  }

  .dropdown_menu {
    display: block;
  }

  .contact-container form {
    width: 300px;
    height: 530px;
  }

  .contact-container form #lastname,
  .contact-container form #mobile {
    margin-left: 0px;
  }

  .contact-container form textarea {
    min-width: 290px;
    max-width: 290px;
  }

  .contact-container form #button {
    margin-right: 200px;
    margin-bottom: 25px;
  }
}

@media(max-width: 650px) {
  .navbar .links  {
    display: none;
  }

  .container-main {
    margin: 0;
  }

  .navbar .toggle-btn {
    display: block;
  }

  .dropdown_menu {
    display: block;
  }
/*
  .homepage {
    flex-wrap: wrap;
  } */

  .navbar {
    justify-content: left;
  }
   /*
  .pictures-l, .pictures-r {
    margin: 0; 
  } */
}


.fa {
  font-size: 30px;
  margin-left: 5rem;
  width: 50px;
}