body {
    margin: 0;
}

header {
    overflow: hidden;
    background-color: rgb(51, 50, 50);
    position: sticky;
    top: 0;
    width: 100%;
    padding: 0 50px;
    display: block;
}

header div {
    display: inline-block;
    margin-left: 50px;
}

.brand {
    font-family: "Playwrite CU", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: red;
    display: inline-block;
    text-decoration: none;
    margin: 0;
    font-size: 25px;
}

header div a{
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
}

.profile {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

header nav {
    width:  calc(100% - 350px);
    display: inline-block;
    text-align: left;
}


header nav ul li{
    list-style: none;
    display: inline;
    text-decoration: none;
    padding: 0 50px;
}

header nav ul li a{
        text-decoration: none;
        color: white;
        padding: 15px;
        border-radius: 15px;
}

header nav ul li a:hover{
    text-decoration: none;
    color: red;
}
main {
    height: 25%;
    background-color: white;
    margin: 50px;
}
footer {
    height: 25%;
    background-color: white;
}