body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    height: auto;
}

.gradient {
    background: linear-gradient(-45deg, #111, #222, #333, #444);
}

.container img {
    height: 450px;
    margin: 10px;
    border: 2px solid #fefae0;
    filter: sepia(100%);
    transition-duration: .5s;
}

.container img:hover {
    border: 2px solid #fff;
    transform: scale(1.1);
    filter: none;
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin: 5em auto;
    max-width: 1300px;
}

span.menu {
    color: #fff;
}

.menu__btn>span,
.menu__btn>span::before,
.menu__btn>span::after {
    background-color: #fff;
}

#menu__toggle:checked~.menu__btn>span,
#menu__toggle:checked~.menu__btn>span::before,
#menu__toggle:checked~.menu__btn>span::after {
    background-color: #111;
}