.hidden,.right_wrap{overflow:hidden;}#drop>div,nav,nav~ul{display:flex;}*{/* font-family:Segoe,'Segoe UI','DejaVu Sans','Trebuchet MS',Verdana,sans-serif; *//* font-weight:600; *//* margin:0; */padding:0;/* text-align:center; *//* text-transform:uppercase */}body,html{color: #000;background-color:#fff}.right_wrap{background: none;width: 100%;height: 100%;margin:0 auto;position: fixed;z-index: 1;/* display: none; */}#drop,nav{background-color: #fff;}nav{width: 100%;height: 0;padding:0 5%;position:relative;justify-content:flex-start;align-items:center;}nav~ul{/* position: fixed; */flex-direction:column;justify-content:center;align-items:center;left:1%;right:1%;opacity:0;visibility:hidden;/* z-index: 0; */list-style:none;transition:0s;padding: 5% 10%;width: 50%;float: right;}nav~ul>li{color:#2f9aad;padding: 20px;cursor:pointer;font-size:30px;position: relative;z-index: 999999;}nav~ul>li:hover{color:#ef94b5;}nav.open~ul{transition:.75s ease-in-out;visibility:visible;opacity:1;}#drop{cursor:pointer;position:fixed;width:70px;height:70px;border-radius: 50%;transform: rotate(45deg);top: 10px;right: 30px;z-index: 99999;}nav.open>#drop{transition:.5s ease-in-out;box-shadow: 0 0 0 1000px #fff, inset 0 0 0 20px #fff;position: fixed;right: 30px;top: 10px;z-index: 99999;border-radius: 0;transform: rotate(10deg)!important;}#drop.active{border-radius:50%;animation:drop .3s forwards}#drop>div{transform: rotate(-45deg);height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center}#drop span{display:block;background-color: #2f9aad;width:40px;height:3px;margin:5px 0;transition: .5s;transition: rotate(5deg);}#drop span.open:nth-child(1){transform: rotate(80deg) translate(8px,-2px);}#drop span.open:nth-child(2){transform: rotate(-10deg) translate(5px,-5px);}#drop span.open:nth-child(3){opacity:0}@keyframes drop{0%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(30px) rotate(45deg)}100%{transform:translateY(10px) rotate(45deg)}}