.button{--tw-text-opacity: 1;color:rgb(203 220 240 / var(--tw-text-opacity, 1));position:relative;background:none;border:none;cursor:pointer;padding:15px 40px;line-height:1;align-items:center;justify-content:center;box-sizing:content-box;border:1.5px solid transparent;transition:all .3s ease;text-align:center;display:inline-block}.button:before,.button:after,.button span:before,.button span:after{display:block;content:"";width:10px;height:10px;position:absolute;transition:all .3s ease}.button:before{top:-1.5px;left:-1.5px;border-top:1.5px solid #cbdcf0;border-left:1.5px solid #cbdcf0}.button:after{top:-1.5px;right:-1.5px;border-top:1.5px solid #cbdcf0;border-right:1.5px solid #cbdcf0}.button span:before{bottom:-1.5px;left:-1.5px;border-bottom:1.5px solid #cbdcf0;border-left:1.5px solid #cbdcf0}.button span:after{bottom:-1.5px;right:-1.5px;border-bottom:1.5px solid #cbdcf0;border-right:1.5px solid #cbdcf0}.button:hover{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 200 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(35 31 32 / var(--tw-text-opacity, 1))}.button:hover:before{top:5px;left:5px;border-color:#000}.button:hover:after{top:5px;right:5px;border-color:#000}.button:hover span:before{bottom:5px;left:5px;border-color:#000}.button:hover span:after{bottom:5px;right:5px;border-color:#000}.button.flipped{--tw-text-opacity: 1;color:rgb(35 31 32 / var(--tw-text-opacity, 1))}.button.flipped:before,.button.flipped:after,.button.flipped span:before,.button.flipped span:after{display:block;content:"";width:10px;height:10px;position:absolute;transition:all .3s ease}.button.flipped:before{top:-1.5px;left:-1.5px;border-top:1.5px solid black;border-left:1.5px solid black}.button.flipped:after{top:-1.5px;right:-1.5px;border-top:1.5px solid black;border-right:1.5px solid black}.button.flipped span:before{bottom:-1.5px;left:-1.5px;border-bottom:1.5px solid black;border-left:1.5px solid black}.button.flipped span:after{bottom:-1.5px;right:-1.5px;border-bottom:1.5px solid black;border-right:1.5px solid black}.button.flipped:hover{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(35 31 32 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 220 240 / var(--tw-text-opacity, 1))}.button.flipped:hover:before{top:5px;left:5px;border-color:#ffc800}.button.flipped:hover:after{top:5px;right:5px;border-color:#ffc800}.button.flipped:hover span:before{bottom:5px;left:5px;border-color:#ffc800}.button.flipped:hover span:after{bottom:5px;right:5px;border-color:#ffc800}.button.big{line-height:2rem;padding:20px 60px;font-size:2rem;font-weight:600;border-radius:10px}body{background-color:#111;margin:0;overflow-x:hidden;position:relative}.lines:before,.lines:after,.lines .vertical-line-1{content:"";position:absolute;top:0;bottom:0;width:1px;background-color:#ffffff1a;z-index:1}.lines:before{left:25%}.lines .vertical-line-1{left:50%}.lines:after{left:75%}.bg{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200vh;background:transparent url(/images/noise.png) repeat 0 0;background-repeat:repeat;animation:bg-animation .2s infinite;opacity:.9;visibility:visible;z-index:1000000000;pointer-events:none}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.corners{position:absolute;width:30px;height:30px;z-index:40}.corners.top-left{border-top:1px solid #231f20;border-left:1px solid #231f20;top:20px;left:20px}.corners.top-right{border-top:1px solid #231f20;border-right:1px solid #231f20;top:20px;right:20px}.corners.bottom-left{border-bottom:1px solid #231f20;border-left:1px solid #231f20;bottom:20px;left:20px}.corners.bottom-right{border-bottom:1px solid #231f20;border-right:1px solid #231f20;bottom:20px;right:20px}