.dialog{position:fixed;width:100%;height:100%;z-index:12;background-color:#f4f7f8;-webkit-backdrop-filter:blur(20pt);backdrop-filter:blur(20pt)}.dropbtn a{text-decoration:none}.dropbtn{background-color:#ffffff80;color:#2496cc;padding:1vh 1vw;font-size:4vh;border:none;border-radius:3vh;font-weight:650;cursor:pointer;transition:transform .3s ease;font-family:head-font}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#bdb0b000;min-width:max-content;box-shadow:0 8px 16px #bdb0b0;border-radius:10px;z-index:1;overflow:hidden;opacity:0;transition:opacity .3s ease,transform .3s ease}.dropdown-content a{color:#007aae;padding:12px 16px;text-decoration:none;display:block;transition:background-color .1s ease;font-weight:700;text-align:left;font-family:head-font}.dropdown-content a:hover{background-color:gold}.dropdown:hover .dropdown-content{display:block;opacity:1;transform:translate(0)}.dropdown:hover .dropbtn{transform:scale(1.1)}.pp1{font-size:3.3vh;font-family:head-font;font-weight:700;text-decoration:none;line-height:2vh;margin:1vh;font-color:white}.dp7,.dp6,.dp5,.dp4,.dp3,.dp2,.dp1{position:absolute}.dp4{top:45vh}.dp7,.dp6,.dp5{top:60vh}.dp3,.dp2,.dp1{top:30vh}.dp6,.dp1{left:21vw}.dp5,.dp2{left:33vw}.dp7,.dp3{left:52vw}.dp4{left:66vw}.dp7 p,.dp6 p,.dp5 p,.dp4 p,.dp3 p,.dp2 p,.dp1 p{font-size:5.5vh;color:#fff;font-family:head-font;font-weight:700}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .9s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.clsbt{position:fixed;left:80vw;height:8vh;width:8vw;top:10vh;z-index:12;background-color:#43d0fe;border:none;border-radius:42px}.clsbt:hover{background-color:gold;transform:scale(1.1);transition:transform .3s ease;cursor:pointer}.clsbt p{font-size:4.5vh;font-family:head-font;font-weight:700;margin:0vh;color:#ffffffe6;text-align:center}.fade-enter-active,.fade-leave-active{transition:opacity .5s,transform .5s ease-in-out}.fade-leave-to{opacity:0;transform:translate(100%,-100%)}.fade-enter-from{opacity:0;transform:translate(-100%,100%)}.btnav{position:fixed;left:80vw;height:8vh;width:8vw;top:10vh;z-index:9999;background-color:#43d0fe;border:0pt;border-radius:42px}.btnav p{font-size:4.5vh;font-family:head-font;font-weight:700;margin:0vh;color:#ffffffe6;text-align:center}