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

body{
    background-color: rgb(5, 15, 17);
}

.navbar-container{
    background-color: rgb(10, 104, 171);
    width:100%;
    height:88px;
}

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

.li-navbar{
    font-size: 30px;
    list-style-type: none;
    padding: 20px;
    margin:50px;
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.li-navbar:hover{
    background-color: rgb(47, 129, 211);
    transition: .3s ease-in-out;
    transition-delay: .3s;
    border-radius: 10px;
}
.a-navbar{
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-content{
    background-color: rgb(32, 31, 31);
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-footer{
    background-color: rgb(24, 98, 136);
    display: flex;
    justify-content: center;
    align-items: center;
}

.h1-footer{
    color: white;
    font-size: 40px;
}