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

.body_color{
    
        background-color:#2C2C2C ;
        font-family: "Oswald", sans-serif ;
    
}

.logo{
    width: 150px;
    height: 150px;
}
.navbar{
    background-color: #2C2C2C;
    padding: 20px 0px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    cursor: pointer;
}
.a_link{
    text-decoration: none;
    color: white;
    font-size: large;
    padding: 13px 16px;
    display: block;
    margin: 5px;
}
.a_link:hover{
    background-color: gray;
    color: white;
}

#navbarconten{
    width: 100%;
    background-color: black;
    padding: 5px;
    display: none;
}
#open{
    width: 36px;
}
#close{
    width: 36px;
    display: none;
}
.open_close_div{
    display: flex;
    justify-content: end;
     flex-direction: column;
    text-align: center;
}

.span{
     color: #9E9E9E;
    font-size: smaller;
    margin-top: -4px;
}
.web_name{
    width: 70px;
}