*, *::before, *::after {
box-sizing: border-box;
}

.box {
display: inline-block;
border: 1rem solid blue;
min-height: 4rem;
padding: 1rem;
width: 50%;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    background-color: #f2f4f8;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height: 1.6;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

.container {
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

/* HEADER */
header {
    background-color: oklch(.1454 .06 264);
    color: oklch(.9961 .0034 325.6);
}

nav ul{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-inline-start: -2rem;
}

nav li:nth-child(2) {
    background-color: oklch(.8 2.1 80);
    color: oklch(.2 .06 264);
    margin: 1rem;
}

nav a {
    margin: 1rem 2rem;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

/* MAIN */
main h2+p {
    font-style: italic;
}

a[href*="mozilla"] {
    background-color: oklch(79.268% 0.17097 70.665 / 0.8);
}

main .highlight {
    font-weight: bold;
    font-style: italic;
    
}

/* FOOTER */
footer {
    background-color: oklch(32.109% 0.00004 271.152);
    color: oklch(.9961 .0034 325.6);
}

footer .container *:last-child {
    margin: 0;
    
}