body{

    color:#E5D9B6;

    background-color:#007580;

    font: 28px Georgia, serif; 

} 

body div{

    text-align: center;

} 



body ol div{ 



   

   margin: 40 30 0 30;

}

::-webkit-scrollbar {

  width: 10px;

}





::-webkit-scrollbar-track {

  background: #282846; 

}

 



::-webkit-scrollbar-thumb {

  background: #FED049; 

}



.button{

  background-color: #282846; 

  border: none;

  color: white;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 64px;

  color: #FED049;

  margin: 10px;

}

.button:hover{

  color:#D8EBE4;

}



ul {

  align-items: center;

  

  

  

  list-style-type: none;

}

  li {

    padding: 6px 0;

}    



    a {

      position: relative;

      margin:0 10 0 0;

      display: block;

      padding: 4px 0;

      font-family: Lato, sans-serif;

      color: #ecf0f1;

      text-decoration: none;

      text-transform: uppercase;

      transition: 0.5s;

}

      a::after {

        position: absolute;

        content: "";

        top: 100%;

        left: 0;

        width: 100%;

        height: 3px;

        background: #FED049;

        transform: scaleX(0);

        transform-origin: right;

        transition: transform 0.5s;

      }



      a:hover {

        color: #95a5a6;

      }



      a:hover::after {

        transform: scaleX(1);

        transform-origin: left;

      }