* {
box-sizing: border-box;
font-family: sans-serif;
}

.hide {
    display: none !important;
}


body {
padding: 0;
margin: 0;
min-height: 100dvh;
background-color: var(--bg-light);
}

header {
background-color: var(--bg-dark);
}

nav {
display:flex;
margin: auto;
max-width: 1500px;
padding:20px;
gap:20px;
a {
display: inline-block;

color: white;}
}



/* buttons */

.btn {
display: inline-block;
padding: .55rem 1.2rem;
border-radius: var(--radius-button);
font-size: .95rem;
font-weight: 600;
cursor: pointer;
border: none;
text-align: center;
line-height: 1.4;
}

.btn-primary {
background-color: var(--bg-primary);
color: white;
}

.btn-secondary {
background-color: white;
color: black;
border: 1pt solid black;
}