/* body*/ 
body {
    margin: 0;
    background-color: #F6F3EE;
    }
    

/* html*/ 

html {
    scroll-behavior: smooth;
}


/* header*/ 

header {
    display: flex; 
    justify-content: space-between;
    padding: 25px 0px;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}




/* footer*/

.footer { 
background-color: #F6F3EE;
padding: 3rem 5 rem;
font-family: 'inter', sans-serif;

}

.footer-top { 
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.footer-venstre { 
display: flex;
gap: 1.5rem;
align-items: center;
margin-left: 38px;
letter-spacing: 1.5px;
}

.footer-logo { 
width: 130px;
height: auto;
}

.footer-brand h3 { 
margin: 0; 
font-size: 1.8rem;
font-weight: 400;
font-family: 'urbanist', sans-serif;
line-height: 1.05;
}

.footer-brand p { 
margin: 0;
line-height: 1.1;
font-size: 1rem;
transform: translateY(-2px);
font-weight: 300;
font-family: 'inter', sans-serif;
}

.footer-right { 
text-align: right;
font-family: 'inter', sans-serif;
font-weight: 300;
letter-spacing: 1.5px;

display: flex;
flex-direction: column;
margin-right: 47px;
margin-top: 45px;
}

.footer-mail { 
display: block;
text-decoration: none;
color: #000;
font-size: 1.2rem;
margin-bottom: 0.5rem;  
letter-spacing: 1.5px;  
}

.footer-socials { 
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
margin-top: 15px;
}

.footer-socials a { 
display: inline-flex;
align-items: center;
}

.footer-socials img { 
width: 34px;
height: 34px;
display: block;
}

hr { 
border: none;
border-top: 1px solid #000;
margin: 2rem 3rem 1.5rem 3rem;
}

.footer-bottom { 
text-align: center;
font-size: 0.9rem;
}

.footer-brand { 
transform: translateY(-10px);
}






/* fonts*/ 

@font-face {
    font-family: 'urbanist';
    src: url('fonts/Urbanist-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'urbanist';
    src: url('fonts/Urbanist-ExtraBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'urbanist';
    src: url('fonts/Urbanist-SemiBold.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'urbanist';
    src: url('fonts/Urbanist-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'urbanist';
    src: url(fonts/Urbanist-Regular.ttf) format('truetype');
    font-weight: 400;
}