@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap");html,body{width:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}a{color:#fff;text-decoration:none}::-webkit-scrollbar{width:10px;background:#333}::-webkit-scrollbar-thumb{background:#F3C623}.loader_wrapper{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#292929;z-index:9999}.loader{border:16px solid #fff;border-top:16px solid #F3C623;border-radius:50%;width:120px;height:120px;animation:spin 2s ease infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nav{width:100vw;height:70px;position:fixed;top:0;display:flex;justify-content:space-between;background:transparent;transition:0.5s;z-index:1000}nav.nav-collapse{background:rgba(0,0,0,0.5);height:90px}nav .menu-icons{width:100%;display:flex;justify-content:center;align-items:center}nav .menu-icons a{color:#F3C623;text-align:center;font-family:Raleway;font-size:24px;font-weight:700;letter-spacing:0.36px;margin:0 10px}nav .menu-icons .profile-box{-webkit-user-select:none;user-select:none;position:relative;display:flex;justify-content:center;align-items:center;margin:0 20px;cursor:pointer}nav .menu-icons .profile-box .pfp{width:50px;height:50px;border-radius:6px;margin-right:10px;image-rendering:pixelated}nav .menu-icons .profile-box .dropdown{display:flex;flex-direction:column;padding:15px 10px;position:absolute;opacity:1;top:calc(100% + 5px);border-radius:3px;width:200px;background:#1d1d1d;visibility:hidden;cursor:auto;transition:0.3s}nav .menu-icons .profile-box .dropdown.dropdown-hidden{opacity:0}nav .menu-icons .profile-box .dropdown a{text-align:left;color:#F3C623;font-size:20px;padding:5px;font-weight:bold}@media (max-width: 1023px){nav .menu-links a{font-size:1.5em}nav .menu-icons .profile-box .pfp{width:45px;height:45px}.dropdown{right:0%}}@media (max-width: 640px){nav .menu-links a{font-size:1em;margin:0 4px}nav .menu-icons .profile-box .pfp{width:45px;height:45px}.dropdown{right:0%}}footer{font-family:'Montserrat', 'Raleway', sans-serif;background:#232323;padding:30px 10px;display:flex;justify-content:center;align-items:center;color:#fff}footer .container{display:flex;align-items:center;row-gap:25px;width:100%;max-width:1320px}footer .container .credits{flex:3 1 40%;display:flex;align-items:center}footer .container .credits img{width:64px;margin-right:15px}footer .container .credits .authors{text-align:center}footer .container .credits .authors span{color:#6d6d6d}footer .container .important-links{flex:2 2 40%;display:flex;justify-content:center;align-items:center}footer .container .important-links a{color:rgba(255,255,255,0.6);transition:color 0.5s cubic-bezier(0.58, 0.65, 0.31, 0.73)}footer .container .important-links a:hover{color:#fff}footer .container .social-media{flex:1 2 20%;display:flex;justify-content:center;align-items:center}footer .container .social-media .media-icon{margin-left:10px;color:rgba(255,255,255,0.6);display:flex;transition:color 0.5s cubic-bezier(0.58, 0.65, 0.31, 0.73)}footer .container .social-media .media-icon:hover{color:#fff}footer .container .social-media .media-icon svg{width:26px;height:26px}@media (max-width: 1023px){footer .container{max-width:90%;flex-direction:column}}body{height:100vh;font-family:'Raleway', Tahoma, Geneva, Verdana, sans-serif;color:#1D1D1D;display:flex;flex-direction:column}nav{width:100%;position:sticky;background:#232323;opacity:1 !important;transition:none !important}main{flex:1 1 80%;display:flex;flex-direction:column;justify-content:center;background:url("../img/background-shop.jpg") center/cover;align-items:center;padding-bottom:50px;text-align:center}main h1{font-family:'Montserrat', Tahoma, Geneva, Verdana, sans-serif;color:#F3C623;font-size:96px}main h1 span{font-size:256px}main h2{color:#fff;font-size:48px;margin-bottom:50px}main p{color:#fff;font-size:20px;text-shadow:1px 1px black}@media (max-width: 640px){main h1{font-size:3em}main h1 span{font-size:2em}main h2{font-size:28px}main p{font-size:16px}}