.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(210,220,255,.13);height:0;left:0;opacity:0;position:absolute;transition:all .5s ease;top:35px;width:100%;list-style:none}.menu li:hover ul{height:100px;opacity:1;transform:translateY(0)}.menu ul a{display:block;padding:7px 20px;text-decoration:none;color:#fff}.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:#000;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}img{width:100%}.App{min-height:100vh;display:flex;flex-direction:column}