body{
    margin:0;
    display:flex;
    flex-wrap:wrap;
    gap:5vw;
}
#header{
    display:flex;
    width:100%;
    padding-top:1vw;
    justify-content:space-between;
    padding-bottom:0.75vw;
    border-bottom:1px solid rgb(225,225,225);
    align-items:center;
}
#headerNameContainer{
    display:flex;
    align-items:center;
    gap:0.4vw;
    text-decoration:none;
    color:rgb(50,50,50);
    padding-left:5vw;
}
#headerLogo{
    font-size:1.5vw;
    margin-bottom:0.5vw;
}
#headerName{
    font-size:1vw;
    font-weight:500;
}
#headerButtonContainer{
    display:flex;
    align-items:center;
    gap:0vw 1vw;
    padding-right:5vw;
}
#headerWelcome{
    font-size:0.75vw;
    color:rgb(50,50,50);
}
#headerSignOut{
    padding-left:1vw;
    padding-right:1vw;
    padding-bottom:0.5vw;
    padding-top:0.5vw;
    font-size:0.8vw;
    color:rgb(50,50,50);
}
#headerSignIn{
    padding-left:1vw;
    padding-right:1vw;
    padding-bottom:0.5vw;
    padding-top:0.5vw;
    font-size:0.8vw;
    color:white;
    font-weight:450;
    background-color:rgb(50,50,50);
    border-radius:0.25vw;
    text-decoration:none;
    transition:0.3s all;
}
#headerSignIn:hover{
    background-color:rgb(70,70,70);
}
#headerCreateAccount{
    padding-left:1vw;
    padding-right:1vw;
    padding-bottom:0.5vw;
    padding-top:0.5vw;
    font-size:0.8vw;
    color:rgb(50,50,50);
    border:1px solid rgb(225,225,225);
    border-radius:0.25vw;
    text-decoration:none;
    transition:0.3s all;
    background-color:white;
}
#headerCreateAccount:hover{
    filter:brightness(97.5%);
}