header{
    display:flex;
    align-items:center;
    justify-content:space-around;
    width:100vw;
    height:100px;
    background-color:var(--backgroundHeader);
}
header .leftSection a, header .rightSection a{
    color:black;
    text-decoration:none;
    font-size:22px;
    font-family:'Roboto';
    transition:var(--tt);
}
header .middleSection .middleText{
    color:black;
    font-size:32px;
    text-align:center;
    font-weight:700;
    font-family:'Poppins';
    transition:var(--tt);
}
header .middleSection .middleSubtitle{
    color:rgb(25, 25, 25);
    font-size:18px;
    text-align:center;
    margin-top:-5px;
    font-family:'Poppins';
    transition:var(--tt);
}

@media(max-width:600px){
    header .middleSection .middleText{
        font-size:30px;
    }
    header .middleSection .middleSubtitle{
        font-size:14px;
    }
    header .leftSection a, header .rightSection a{
        font-size:18px;
    }
}