.button{align-items: flex-start;text-align: center;cursor: default;color: buttontext;background-color: buttonface;box-sizing: border-box;padding: 2px 6px 3px;border-width: 2px;border-style: outset;border-color: buttonface;border-image: initial}.drawer{height: 100%;width: 50%;position: fixed;z-index: 101;top: -4%;left: 0;transition: 0.5s;padding-top: 60px}.drawer .closebtn{float: right;cursor: pointer;color: #c8c8c8;font-size: 31px;font-weight: 700;display: inline-block;line-height: 0;padding: 15px 0}#main{transition: margin-left .5s;padding: 16px}.drawer_overlay{background-color: rgba(0, 0, 0, .75);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100;margin: 0;padding: 0;height: 100%;background-color: rgb(0, 0, 0);transition: 0.5s}@media screen and (max-height:450px){.drawer{padding-top: 15px}.drawer a{font-size: 18px}}.sametab{position: fixed;height: 95%;width: 98%;top: -1%;bottom: 20%;left: 1%;right: 0%;color: #7F7F7F;transition: 0.5s;padding-top: 50px;z-index: 101}.sametab_overlay{background-color: rgba(0, 0, 0, .75);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100;margin: 0;padding: 0;height: 100%;background-color: rgb(0, 0, 0);transition: 0.5s}.sametab .closebtn_same{float: right;cursor: pointer;color: #c8c8c8;font-size: 31px;font-weight: 700;display: inline-block;line-height: 0;padding: 15px 0}.popup{position: fixed;height: 80%;width: 65%;top: 5%;bottom: 2%;left: 20%;right: 0%;color: #7F7F7F;transition: 0.5s;padding-top: 50px;z-index: 101}.popup_overlay{background-color: rgba(0, 0, 0, .75);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100;margin: 0;padding: 0;height: 100%;background-color: rgb(0, 0, 0);transition: 0.5s}.popup .closebtn_popup{float: right;margin-top: 0;margin-right: 0;cursor: pointer;color: #c8c8c8;font-size: 31px;font-weight: 700;display: inline-block;line-height: 0;padding: 15px 0}