:root {
    --dG: #177d73;
    --lG: rgb(214, 245, 238);
    --gL: rgb(188, 219, 212);
    --dB: rgb(51, 63, 112);
}

body {
    font-family: "Roboto", sans-serif;

}

#hd-ph > nav, #hd-ph > nav  a  {
    background-color: var(--dG)!important;
    color:white!important;
}

#ft-ph > footer {
    background-color: var(--dG)!important;
    color:white!important;
}

#ft-ph > footer a {
    color:white!important;
}

.loggedIn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid white;
    background-size: cover;
}

.loggedIn:hover {
    #logoutButton {
        display:block;
    }
}

.NloggedIn {
    width: 85px;
    height:37.5px;
    background-color: white;
    color:var(--dG);
    border: 2px solid white;
}

#logoutButton {
    display: none;
    color:white;
    background-color: red;
    transition: 0.35s;
}

button {
    border-radius: 10px;
    border:2px solid var(--dG);
    font-weight: 600;
}

#copyr {
    color:white;
}

@media (max-width: 575.98px) {
    
}

.socialLink {
    height:30px;
    width:30px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url('../img/menuicon.svg');
}

.navbar-light .navbar-toggler {
    border-color: transparent!important;
    transition: transform 0.3s ease;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler.rotate {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.navbar-toggler.rotate-back {
    transform: rotate(-90deg);
}