:root{
    --primary-bg: #202020;
    --primary-yellow: #ffde59;
}

.header {
    width: 100%;
    min-height: 70px;
    padding: 8px 0;   
    background-color: var(--primary-bg);
    border-bottom: 3px solid var(--primary-yellow);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    overflow: hidden;  
    box-sizing: border-box;
}

.logo {
    border-radius: 50px;
    width: 100px;  
    height: auto;
}

@media (max-width: 768px){
    .header{
        border-bottom: none;
        justify-content: center;
    }

    .logo{
        width: 200px;
    }
}