header{
    background-color: rgb(108, 112, 116);
    padding: 20px 50px;
}

nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu{
    display: flex;
    gap:20px;
    
}

header nav ul li a{
    color: whitesmoke;
    font-size: 1em;
    
    transition: all 0.3s ease;
}


header nav ul li a:hover{
    color: rgb(248, 213, 213);
    font-size: 1.1em;
}

header nav .brand{
    font-size:1.5em;
    font-weight: 500;
}
.hero_container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
}

.hero{
    
    text-align: center;
}

.hero h3{
    font-size: 2em;
    font-weight: 200;
    margin-bottom: 50px;
}

.hero p{
    font-size: 1.2em;
    padding: 10px;
    font-weight: 200;
}

#you{
    font-size: 1.5em;
    font-weight: 200;
}*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

body{
    
    background-color: rgb(71, 81, 95);
    color: azure;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}