:root{
    font-family:"Inter", sans-serif;
}
body{
    font-family: "Inter", sans-serif;
    background-color: whitesmoke;
    font-size: 1.1rem;

    margin: 0 3.5%;

    min-height: 100vh;

    display: flex;
    flex-direction: column;
}
main{
    flex:1;
}
h1{
    font-family: "Comic Sans MS", cursive, sans-serif;
    color: rgb(213, 10, 10);
    margin-bottom:5px 
}
h2{
    font-family: "Comic Sans MS", cursive, sans-serif;
    color: rgb(2, 2, 77);
    margin-top: 5px;
    border-bottom: 2px solid black;

}

p{
    color:rgb(37, 1, 3);
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}


nav ul{
    display: flex;
    gap:8px;
    list-style: none;
    padding: 0;
    margin-top:2px;
    margin-bottom: 5px;
}

nav a{
    color: rgb(6, 50, 145);
    text-decoration:underline;
    margin-right: 20px;
    font-weight: 500;
    font-size: 1.5rem;
}

nav a:hover{
    color: rgb(187, 21, 21);
}

footer{
    margin-top:50px;
    font-size:0.9rem;
    color:rgb(121, 100, 100);
    padding: 8px;
    text-align: right;
}