body {
    background: rgb(12, 32, 216);
    font-family:  'Chelsea Market', cursive;
    color: white;
}

.nav{
    display: inline-block;
    margin: auto;
    padding: 20px 0;
    list-style-type: none;
}

.nav li {
    display: inline-block;
}

.nav > * + * {
    margin-left: 1em;
}

.nav a {
    display: inline-block;
    padding: 1em;
    background: rgb(98, 5, 248);
    color: rgb(250, 245, 245);
    border-radius: 4px;
    transition: 300ms;
}

.nav a:hover {
    background: rgb(0, 255, 55);
}

.section {
    background: rgba(50, 204, 88, 0.623);
    display: flex;
    justify-content: center;
}

.hide {
    display: none;
}

a, a:visited {
    color: rgb(255, 0, 162);
}