@import '/Colors.css';
@import '/Fonts.css';

/* BAGGRUND */
#nav-bar {
    padding: 0px;
    margin: 0px;
    margin-top: 3vw;
    width: 100%;
    height: clamp(100px, 30vw, 200px);
    gap: calc(clamp(100px, 30vw, 200px) + 4vw); /* Samme som IMG's width + 4vw*/
    display: flex;
    flex-direction: row;  
    justify-content: center;
}

/* Forside, Tilmelding, Om os & Baggrund */
#left-nav-bar, #right-nav-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: clamp(60px, 2vh, 70px);
    gap: 20px;
}

/* Tekst */
#nav-bar a {
    font-size: 16px;
    color: var(--mørkeblå);
    font-family: "Inter-Regular";
    text-decoration: none;
    
}

/* Billede */
#nav-bar img {
    position: absolute;
    width: clamp(100px, 30vw, 200px);
    top: clamp(10px, 8vh, 60px);
}