@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
.body-margins{
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: 10rem;
}
.form-margins{
    margin-left: 1rem;
    max-width: 400px;
}
footer{
    margin: 2rem;
}
li{
    list-style: none;
}
a:focus, button:focus {
    outline: 3px solid white;
}
#menu-button {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 24px;
    font-weight: bold;
    display: none; 
    text-align: center;
    cursor: pointer;
    right: 0;
    top: 0;
    position: absolute;
}
@media screen and (max-width: 600px) {
    #menu-button {
        display: block;
    }
    #menu {
        display: none; 
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        overflow-x: hidden;
    }
    #menu.open {
        display: block;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column;
        padding: 10px;
    }
    .navbar-nav .nav-item {
        margin: 10px 0;
    }
}