@charset "UTF-8";

body {
    padding: 0;
    margin: 0;
    font-family: 'Alegreya', serif, 
                 'Gabarito', cursive, 
                 'Roboto', sans-serif, 
                 'Roboto Condensed', sans-serif, 
                 'Young Serif', serif;
}

.container {
    width: 80%;
    margin: 0 auto;
    background: #D2E0FB; 
    padding: 20px; 
}

.navi {
    list-style: none;
    display: flex;
    gap: 3%;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.navi a:link,
.navi a:visited {
    color: darksalmon;
    text-decoration: none;
}

.navi a:hover {
    color: #FF6347;
}