*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    font-size: 62.5%;
    height:100%;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    height:100%;
    background-color: #131520;
    --bs-body-bg: #131520;
}

header {
    display: flex;
    justify-content: left;
    align-items: center;
    background-color: #AADDFF;
    font-size: 1.8em;
    position: fixed;
    left:0px;
    width:100%;
}


header > nav > ul > li > .selected{
    font-weight: bold;
}

#navbar{
    background-color: #AADDFF;
    color: #5C79A3;
}

#navbar > .container-fluid > .navbar-collapse > .navbar-nav > .nav-item > .nav-link{
    color: #5C79A3;
}

#navbar > .container-fluid > .navbar-collapse > .navbar-nav > .nav-item:active{
    font-weight: bold;
}

#navbar > .container-fluid > .navbar-collapse > .navbar-nav > .nav-item > .active{
    font-weight: bolder;
}

.menu{
    display: flex;
    list-style: none;
    gap: 20px;
    margin: 16px auto;
    padding: 0 2px;
}

.menu__item{
    transition: font-size 0.15s;
}

.menu__item:hover{
    font-size: 1.1em;
}

.menu__link{
    display: inline-block;
    text-decoration: none;
    border-style: none;
    color: #5C79A3;
}

main{
    background-color: #131520;
    color: #5C79A3;
    font-size: 1.6em;
    height: 96%;
}

footer{
    display: flex;
    background-color: #AADDFF;
    align-items: center;
    justify-content: center;
    height: auto;
    font-size: 1.4em;
    position:fixed;
    left:0px;
    bottom:0px;
    height:3%;
    width:100%;
}

#footer{
    background-color: #AADDFF;
    color: #000;
}

.centered-footer{
    align-items: center !important;
    justify-content: center  !important;
}