#menu__toggle {
                    opacity: 0;
                }

                #menu__toggle:checked ~ .menu__btn > span {
                    transform: rotate(45deg);
                }
                #menu__toggle:checked ~ .menu__btn > span::before {
                    top: 0;
                    transform: rotate(0);
                }
                #menu__toggle:checked ~ .menu__btn > span::after {
                    top: 0;
                    transform: rotate(90deg);
                }
                #menu__toggle:checked ~ .menu__box {
                     visibility: visible;
                     left: 0;
                }
                .menu__btn {
                     display: flex;
                     align-items: center;
                     position: fixed;
                     top: 20px;
                     left: 20px;
                     width: 26px;
                     height: 26px;
                     cursor: pointer;
                     z-index: 1;
                }
                .menu__btn > span,
                .menu__btn > span::before,
                .menu__btn > span::after {
                    display: block;
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    background-color: #fff;
                    transition-duration: 0.25s;
                }
                .menu__btn > span::before {
                    content: "";
                    top: -8px;
                }
                .menu__btn > span::after {
                    content: "";
                    top: 8px;
                }
                .menu__box { 
                    display: block;
                    position: fixed;
                    visibility: hidden;
                    top: 0;
                    left: -100%;

                    width: 300px;
                    height: 100%;

                    margin: 0;
                    padding: 80px 0;

                    list-style: none;

                    background-color: #000;
                    border-right:1px solid #000;
                    opacity: 75%;
                    box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.2);
                    transition-duration: 0.15s;
                }
                .menu__item {
                    display: block;
                    padding: 12px 24px;

                    color: #fff;

                    font-family: "Tahoma", sans-serif;
                    font-size: 1em;
                    font-weight: 200;

                    text-decoration: none;

                    transition-duration: 0.25s;
                }
                .menu__item:hover {
                    background-color: grey; opacity: 75%; color: #000;
                }