*{box-sizing:border-box;margin:0;padding:0;font-family:Courier New,Courier,monospace}body{color:#fff;background-color:#000}.button-50{appearance:button;box-sizing:border-box;color:#000;cursor:pointer;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background-color:#fff;background-image:none;border:1px solid #fff;border-radius:4px;margin:12px 40px;padding:12px 40px;font-size:14px;font-weight:600;line-height:20px;display:inline-block;overflow:visible;box-shadow:4px 4px #000,4px 4px 0 1px #fff}.button-50:focus,.button-50:hover{text-decoration:none}.button-50:active{outline:0;box-shadow:inset 0 3px 5px #00000020}.button-50:not([disabled]):active{transform:translate(2px,2px);box-shadow:2px 2px #000,2px 2px 0 1px #fff}@media (width>=768px){.button-50{padding:12px 50px}}.inputbox{width:196px;margin:20px;position:relative}.inputbox input{box-shadow:none;color:#23242a;letter-spacing:.05em;z-index:10;background:0 0;border:none;outline:none;width:100%;padding:20px 10px 10px;font-size:1em;transition:all .5s;position:relative}.inputbox span{color:#8f8f8f;letter-spacing:.05em;pointer-events:none;padding:20px 10px 10px;font-size:1em;transition:all .5s;position:absolute;left:0}.inputbox input:valid~span,.inputbox input:focus~span{color:#45f3ff;font-size:0,75em;transform:translate(-10px)translateY(-34px)}.inputbox i{pointer-events:none;z-index:9;background:#45f3ff;border-radius:4px;width:100%;height:2px;transition:all .5s;position:absolute;bottom:0;left:0}.inputbox input:valid~i,.inputbox input:focus~i{height:44px}.button-86{all:unset;color:#f0f0f0;cursor:pointer;z-index:1;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;width:100px;height:30px;padding:10px 20px;font-size:16px;display:flex;position:relative}.button-86:after,.button-86:before{content:"";z-index:-99999;transition:all .4s;position:absolute;bottom:0;right:0}.button-86:before{background:#28282d;border-radius:10px;width:100%;height:100%;transform:translate(0%)}.button-86:after{-webkit-backdrop-filter:blur(5px);background:#ffffff15;border-radius:50px;width:35px;height:35px;transform:translate(10px,10px)}.button-86:hover:before{width:110%;height:110%;transform:translate(5%,20%)}.button-86:hover:after{border-radius:10px;width:100%;height:100%;transform:translate(0)}.button-86:active:after{transition:all;transform:translateY(5%)}
/*# sourceMappingURL=index.5f5073e5.css.map */