@charset "utf-8";
 * {
   box-sizing: border-box;
 }

 .container {
   width: 1200px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 80px;
   height: auto;
   font-family: "Calibri";
   font-size: 20px;
   text-align: justify;
   padding: 30px;
   background-color: white;
   border-radius: 20px;
 }
 body {
   background-color: rgb(48, 213, 213);
   font-family: 'Calibri';
 }
 html{
  scroll-behavior: smooth;
 }
 nav {
  width: 100%;
   background-color: rgb(26, 185, 185);
   padding: 0 5px;
   top: 0;
   position: fixed;
   justify-content:center;
     top: 0;
  left: 0;
   z-index: 1000;
   
  }

 nav ul li a,
 nav ul li a:visited {
  text-decoration:none;
   display:block;
   float: right;
   margin: 5px 2px;
   padding: 7px 10px 4px;
   text-transform: uppercase;
   color:rgb(10, 129, 129);
   font-weight: bold;
 }

 nav ul li a:hover {
   text-decoration:none;
   background-color: rgb(55, 255, 255);
 }

nav ul {
  list-style: none;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

nav ul li {
  display: inline-block;
  margin: 0 15px;
}