@import"https://fonts.googleapis.com/css?family=Exo:400";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";html,body{margin:0;padding:0;overflow:hidden;height:100%}canvas{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;margin-bottom:50px;z-index:1}canvas:hover{filter:blur(0px)}*{margin:0 auto;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;font-family:Exo,sans-serif;font-size:.5em;line-height:1.6;color:#0e0e0e;margin:0;padding:0}#background-video{display:flex;margin:auto;width:100vw;height:100vh;object-fit:cover;position:fixed;left:0;right:0;top:0;bottom:0;z-index:0;background:#000}.bg{width:100%;height:150px;position:relative;opacity:.99}.foreground{background:#000;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}img{max-width:100%;height:auto;display:block}h1{font-family:"Exo" sans-serif;background:#cf8907;background:linear-gradient(to right,#3b3324,#7e560c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:400;text-shadow:0px 0px 1px rgba(255,255,255,.781)}h2{font-family:Exo,sans-serif;color:#ffffff6b;font-weight:400;text-shadow:0px 0px 1px rgba(0,0,0,.842);background-color:#0000002a;border-left:1px solid #ff91007c;border-radius:2px;padding:4px}.intro{color:#000;margin-top:350px;z-index:1}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 500px 20px;padding:20px 60px;background:#fff0;background:linear-gradient(to right,#0000,#42351d88 180%);box-shadow:#f58b0040 0 30px 60px -12px inset,#000000d0 0 18px 36px -18px inset;border-radius:1px 2px 5px 20px;background-color:#dfdfdf00;border-right:2px solid #ff91005e;border-left:1px solid #ff910046;border-bottom:1px solid #ff91001e;z-index:1}.image{display:flex;justify-content:center;align-items:center}.image:hover{filter:blur(.5em)}.btn,p{display:flex;font-family:Exo,sans-serif;font-weight:200}button{background:linear-gradient(to right,#0000007c,#b476039c 160%);border:1px solid #b5760027;border-bottom:2px solid #ff880021;padding:0;position:relative;width:6.2em;height:2.2em;transition:.5s;font-size:14px;border-radius:.4em}button p{position:absolute;border-radius:4px;top:.4em;left:1.2em;margin:0;padding:0;transition:.5s;color:#ffffff54}button svg{position:absolute;top:.45em;right:.5em;margin:0;padding:0;opacity:0;transition:.5s;height:1em;fill:#fff}button:hover p{left:.55em;color:#ffffffbe}button:hover svg{opacity:1}button:hover{box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;background-color:#ffa60098;border:1px solid #da830067}.text-center{text-align:center}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}@media (max-width: 768px){body{font-size:.8em}.container{width:90%;margin:20px 0 0;padding:10px}.intro{margin-top:150px}button{width:5em;height:2em;font-size:12px}.custom-loader{width:100%}.custom-loaded{width:12px;height:12px}}@media (max-width: 480px){h1,h2{font-size:1.2em}.container{padding:5px}.btn-shine{font-size:14px}}@keyframes fadeinall{0%{opacity:1}97%{opacity:0}98%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:-1}}#fadein{opacity:1;position:fixed;top:0;left:0;width:100%;height:100%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#0f0f0f;z-index:999;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation:fadeinall 1s normal both;animation:fadeinall 1s normal both;-webkit-animation-delay:.3s;animation-delay:.3s}.custom-loader{padding:.5px;height:2px;width:1375px;background:linear-gradient(#7e5d16e3 0,#7e5d16e3 0),linear-gradient(#c07a11be 0,#c07a11be 0),#e4e4ed77;background-size:60% 100%;background-repeat:no-repeat;animation:p6 3s infinite}@keyframes p6{0%{background-position:0% 0,0% 0}50%{background-position:50% 0,100% 0}to{background-position:0% 0,0% 0}}.custom-loaded{margin-top:10px;padding:10px;width:16px;height:16px;color:#e4e4ed25;background:linear-gradient(#996a04e5 0,#996a04e5 0),linear-gradient(#0000 0,#0000 0),#b6770300;background-size:50.1% 50.1%;background-repeat:no-repeat;animation:f7-0 1s infinite linear}.custom-loaded:before,.custom-loaded:after{content:"";position:absolute;top:0;right:50%;bottom:50%;left:0;background:currentColor;transform:scale(var(--s,1)) perspective(75px) rotateY(0);transform-origin:bottom right;animation:f7-1 .5s infinite linear alternate}.custom-loaded:after{--s:-1,-1}@keyframes f7-0{0%,49.99%{transform:scaleX(1) rotate(0)}50%,to{transform:scaleX(-1) rotate(-90deg)}}@keyframes f7-1{49.99%{transform:scale(var(--s,1)) perspective(75px) rotateX(-90deg);filter:grayscale(0)}50%{transform:scale(var(--s,1)) perspective(75px) rotateX(-90deg);filter:grayscale(.8)}to{transform:scale(var(--s,1)) perspective(75px) rotateX(-180deg);filter:grayscale(.8)}}.btn-shine{background:linear-gradient(to right,#000 0,#fafafa5b,#000 20%);background-position:0;color:#0000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s infinite linear;animation-fill-mode:forwards;-webkit-text-size-adjust:none;font-weight:300;font-size:16px;text-decoration:none;white-space:nowrap;font-family:Exo,sans-serif}@-moz-keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:180px}}@-webkit-keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:180px}}@-o-keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:180px}}@keyframes shine{0%{background-position:0}60%{background-position:200px}to{background-position:280px}}
