:root {
    --primary: #4a4a4a;
    --secondary: #663399;
    --font-family: "Roboto";
}
a {
    text-decoration: none;
}
body {
    font-family: var(--font-family), serif;
}
.head {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    gap: 0 0;
    grid-template-areas: "logo navbar sign";
    justify-items: center;
}
.logo {
    grid-area: logo;
    height: 4em;
    width: auto;
}
.navbar {
    grid-area: navbar;
}
.button {
    grid-area: sign;
}
.navbar .contents ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar .contents li {
    display: inline-block;
    margin-left: 50px;
}
.navbar .contents li :first-child {
    margin-left: 0;
}
.information {

}