*{
    font-family: "Ubuntu Mono", monospace;
    font-weight: 400;
    --light: #ebeaeb;
    --dark: #490d20;
    --warm: #9E1946;
    --saturated: #de0d92;
    --cool: #445fd5;
    color: var(--dark);
}

h1, h2, h3{
    font-family: "Fugaz One", sans-serif;
    font-weight: 400;
}

img{
    max-width: 100%;
    height: auto;
}

body{
    max-width: 80%;
    margin: auto;
    background-color: var(--cool);
}

header, footer{
    background-color: var(--dark);
    padding: 1em;
    text-align: center;
}

header{
    border-top: 0.5em solid var(--saturated);
}

footer{
    border-bottom: 0.5em solid var(--saturated);
}

h1{
    color: var(--light);
    font-size: 2.2rem;
}

h2{
    color: var(--cool);
    font-size: 1.7rem;
}

nav ul{
    padding: 0;
    margin: auto;
    margin-top: 2em;
    list-style-type: none;
    border-left: 0.4em solid var(--saturated);
    width: fit-content;
}

nav a{
    display: block;
    background-color: var(--light);
    color: var(--saturated);
    text-decoration: double;
    text-align: center;
    width: fit-content;
    padding: 0.5em;
    font-weight: 700;
    font-size: 1.2rem;
}

nav a:hover{
    background-color: var(--dark);
    color: var(--light);
}

main{
    background-color: var(--warm);
    margin: 2em;
    padding: 1em 3em;
    border: 0.5em solid var(--saturated);
}

article{
    background-color: var(--light);
    padding: 1em 2em;
    margin: 2em 0;
}

p{
    font-size: 1.1rem;
    line-height: 1.3em;
}

a{
    color: var(--saturated);
}