*{box-sizing:border-box}*:before,*:after{box-sizing:border-box;transition:.5s ease-in-out}@media (min-width: 600px){.wrap{width:50%;float:left}}@font-face{font-family:Cyber;src:"/assets/Blender-Pro-Bold.otf";font-display:swap}body{font-size:18px;line-height:1;min-height:var(--viewport-height);max-width:fit-content;background-image:linear-gradient(to top,#180d6978,#180d6978);display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:Cyber,sans-serif}html,div,span,iframe,h1,h2,h3,h4,h5,p,i,a{padding:0;margin:0;border:0;font-size:100%;font-family:Nova Square,sans-serif;vertical-align:baseline}.text{color:#fff;margin-top:20px;position:relative;background-color:#0000;color:#000;text-align:center;box-sizing:45px;font-size:40px;height:60px}.button-container{position:absolute;top:100px;right:50px}.title-container{position:absolute;background-color:#80008047;top:1em;margin-top:-20px;height:80px;width:100%}.popup-container{border-radius:25px;align-self:center;align-content:center;height:20%;width:120%;background-color:#6dfccca1}form{display:flex;align-self:center;align-content:space-around;justify-content:space-around}body .cybr-btn+.cybr-btn{margin-top:2rem}.cybr-btn{--primary-hue: 0;--primary-lightness: 50;--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 1%));--shadow-primary: hsl(var(--shadow-primary-hue), 90%, 50%);--color: hsl(0, 0%, 100%);--font-size: 26px;--shadow-primary-hue: 180;--label-size: 9px;--shadow-secondary-hue: 60;--shadow-secondary: hsl(var(--shadow-secondary-hue), 90%, 60%);--clip: polygon(0 0, 100% 0, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 70%);--border: 4px;--shimmy-distance: 5;--clip-one: polygon(0 2%, 100% 2%, 100% 95%, 95% 95%, 95% 90%, 85% 90%, 85% 95%, 8% 95%, 0 70%);--clip-two: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);--clip-three: polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);--clip-four: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-five: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);--clip-six: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);--clip-seven: polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);font-family:Cyber,sans-serif;color:var(--color);cursor:pointer;background:transparent;text-transform:uppercase;font-size:var(--font-size);outline:transparent;letter-spacing:2px;position:relative;font-weight:700;border:0;min-width:300px;height:75px;line-height:75px;transition:background .2s;margin-left:10px;margin-right:10px;margin-bottom:10px}.cybr-btn:hover{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * .8%))}.cybr-btn:active{--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * .6%))}.cybr-btn:after,.cybr-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;clip-path:var(--clip);z-index:-1}.cybr-btn:before{background:var(--shadow-primary);transform:translate(var(--border))}.cybr-btn:after{background:var(--primary)}.cybr-btn__tag{position:absolute;padding:1px 4px;letter-spacing:1px;line-height:1;bottom:-5%;right:5%;font-weight:400;color:#000;font-size:var(--label-size);font-family:Cyber;background-color:#e6de00}.cybr-btn__glitch{position:absolute;top:calc(var(--border) * -1);left:calc(var(--border) * -1);right:calc(var(--border) * -1);bottom:calc(var(--border) * -1);background:var(--shadow-primary);text-shadow:2px 2px var(--shadow-primary),-2px -2px var(--shadow-secondary);clip-path:var(--clip);animation:glitch 2s infinite;display:none}.cybr-btn:hover .cybr-btn__glitch{display:block}.cybr-btn__glitch:before{content:"";position:absolute;top:calc(var(--border) * 1);right:calc(var(--border) * 1);bottom:calc(var(--border) * 1);left:calc(var(--border) * 1);clip-path:var(--clip);background:var(--primary);z-index:-1}@keyframes glitch{0%{clip-path:var(--clip-one)}2%,8%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * -1%))}6%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * 1%))}9%{clip-path:var(--clip-two);transform:translate(0)}10%{clip-path:var(--clip-three);transform:translate(calc(var(--shimmy-distance) * 1%))}13%{clip-path:var(--clip-three);transform:translate(0)}14%,21%{clip-path:var(--clip-four);transform:translate(calc(var(--shimmy-distance) * 1%))}25%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * 1%))}30%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * -1%))}35%,45%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * -1%))}40%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * 1%))}50%{clip-path:var(--clip-six);transform:translate(0)}55%{clip-path:var(--clip-seven);transform:translate(calc(var(--shimmy-distance) * 1%))}60%{clip-path:var(--clip-seven);transform:translate(0)}31%,61%,to{clip-path:var(--clip-four)}}.cybr-btn:nth-of-type(2n){--primary-hue: 260}iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}