.menu{margin:0 70%;position:absolute;width:200px;list-style:none;cursor:pointer}@media screen and (max-width: 550px){.menu{margin:0 30%}}@media screen and (max-width: 450px){.menu{margin:0 23% 23%}}.menu>li>a{background:#000;color:#fff;display:block;padding:10px 20px;text-align:center;text-decoration:none}.menu ul{background:rgba(255,255,255,.13);backdrop-filter:blur(4.3px);-webkit-backdrop-filter:blur(4.7px);z-index:1000;box-shadow:0 20px 20px 10px #0003;border:none;border-radius:0;max-height:0;overflow:hidden;left:0;opacity:0;position:absolute;transition:all .5s ease;top:35px;width:100%;list-style:none;padding-bottom:10px}.menu li:hover ul{max-height:500px;opacity:1;transform:translateY(0)}.menu ul a{display:block;padding:7px 20px;text-decoration:none;color:#fff;transition:all .3s ease;border-radius:8px;margin:0 10px}.menu ul a:hover{background:rgba(255,255,255,.2);padding-left:25px}.material-symbols-outlined{font-size:large}.dropdown-options{margin-top:5px}.footer{width:100%;text-align:center;padding:80px 0 25px}.loader{position:relative;width:150px;height:150px;border-radius:60%;background:linear-gradient(45deg,transparent,transparent 40%,#f31606);animation:animate .5s linear infinite}@keyframes animate{0%{transform:rotate(1deg)}to{transform:rotate(360deg)}}.loader:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;background:#0F2027;border-radius:50%;z-index:1000}.loader:after{content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:linear-gradient(45deg,transparent,transparent 40%,#834252);border-radius:50%;z-index:1000;z-index:1;filter:blur(30px)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:#0f2027;color:#fff;font-family:Megrim,cursive;overflow-x:hidden;overflow-y:auto;min-height:100%}html{min-height:100%}img{width:100%}.App{min-height:100vh;display:flex;flex-direction:column}