@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Zen+Tokyo+Zoo&display=swap');
:root,*, button, input, textarea, select, option, optgroup, fieldset, legend{
    box-sizing: border-box;
}
:root {
    font-family: 'Josefin Sans', sans-serif;
}

body {
    display: block;
    margin:0;
    background: #f5f7ff;

}

header {
    margin:0;
    max-width: 100%;
    width: 1400px;
    margin: 0 auto;
    text-align: end;
    padding:1rem;
}
main{
    max-width: 1400px;
    margin: 0 auto;
    padding:0 1rem;
}

footer{
    max-width: 1400px;
    margin: 0 auto;
    padding:0 1rem;
}

.logo {
    font-family: 'Zen Tokyo Zoo', sans-serif;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 400;
}



nav {
    width: 100%;
    justify-content: end;
    display: flex;
    gap: 2rem;
}

nav a {
    text-decoration: none;
    color: inherit;
    font-style: italic;
}
nav a:hover{
    text-decoration: underline;
    text-decoration-color:#0000EE;
}