/* ==================================
   LAYOUT
================================== */
body{
    position: relative;
    background-color: var(--bg);
    color: var(--text-dark);
    
    line-height: 1.5; 
}

section {
    padding:var(--space-5) var(--space-5) var(--space-8);
    max-width: 1200px;
    margin: auto;  
}

/*logo header*/
.flex-header{
    display: flex;
    justify-content: center;

    padding:var(--space-5);
}

.flex-header img{
    width: 100%;
    max-width: 400px;
    margin:0 auto;
}

/*navbar*/
nav.navbar{
    padding: var(--space-2) 0 0;

    background-image: linear-gradient(
    90deg,    
    var(--primary),
    var(--primary-light),
    var(--primary)
    );
    box-shadow:0 0.5px 3px var(--accent);

    display:flex ;
    flex-direction: column;
    align-items: center;
}