*, html
{
   margin:0;
   padding :o;
}

.container-navbar {
   background-color: rgb(9, 219, 227);
   width: 100%;
   height: 10vh;
}

.ul-navbar {
   display: flex;
   height: 50px;
   justify-content : center;
   align-items: center;
}

.li-navbar {
   font-size: 20px;
   list-style-type: none; 
   padding: 10px;
   margin: 5px;
   color: rgb(255, 255, 255);
}

.li-navbar:hover {
   background-color: rgb(231, 93, 238);
   transition: .5s ease-in-out;
   transition-delay: .2s ;
   border-radius: 8px;
}

.a-navbar {
   color: white;
   text-decoration: none;
}

.content {
   background-color: aliceblue;
   justify-content: center;
   align-items: center;
   display: flex;
   height: 80vh;
}

.img-content {
    
   height: 250px;
}

.h-content {

   display: flex;
   justify-content: space-between;
   align-items: flex-end;

}

.footer{
   background-color: rgb(11, 232, 229);
   display: flex;
   justify-content: center;
   align-items: center;
   height: 10vh;
}