.box{background:#1c1c1c;border-radius:8px;width:380px;margin:80px 0 0;padding:5px;position:relative;overflow:hidden}.box:before{content:"";z-index:1;transform-origin:100% 100%;background:linear-gradient(#45f3ff,#45f3ff,#45f3ff,#0000,#0000);width:380px;height:420px;animation:6s linear infinite animate;position:absolute;top:-50%;left:-50%}.box:after{content:"";z-index:1;transform-origin:100% 100%;background:linear-gradient(#45f3ff,#45f3ff,#45f3ff,#0000,#0000);width:380px;height:420px;animation:6s linear -3s infinite animate;position:absolute;top:-50%;left:-50%}.borderLine{top:0;position:absolute;inset:0}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.box form{z-index:2;background:#222;border-radius:8px;flex-direction:column;padding:20px;display:flex;position:relative}.box form h2{color:#fff;text-align:center;letter-spacing:.1em;margin-bottom:20px;font-weight:500}.box form .inputBox{width:100%;margin-top:20px;position:relative}.box form .inputBox input,.box form textarea{width:100%;box-shadow:none;color:#000;letter-spacing:.05em;z-index:10;resize:none;background:0 0;border:none;outline:none;padding:20px 10px 10px;font-size:1em;transition:all .5s;position:relative}.box form .inputBox span{pointer-events:none;color:#8f8f8f;letter-spacing:.05em;padding:20px 0 10px;font-size:1em;transition:all .5s;position:absolute;top:-10px;left:0}.box form .inputBox input:valid~span,.box form .inputBox input:focus~span,.box form .inputBox textarea:focus~span,.box form .inputBox textarea:valid~span{color:#fff;font-size:.75em;transform:translateY(-34px)}.box form .inputBox i{pointer-events:none;background:#fff;border-radius:4px;width:100%;height:2px;transition:all .5s;position:absolute;bottom:0;left:0;overflow:hidden}.box form .inputBox input:valid~i,.box form .inputBox input:focus~i{height:44px}.box form .inputBox textarea:focus~i,.box form .inputBox textarea:valid~i{height:64px}.box form input[type=submit]{cursor:pointer;background:#fff;border:none;border-radius:4px;outline:none;width:100px;margin-top:10px;padding:9px 25px;font-size:.9em;font-weight:600}.box form input[type=submit]:active{opacity:.8}
.textContainer{border:1px solid red;margin:100px 0 0}.canvasContainer{justify-content:center;align-items:center;width:100%;height:70vh;display:flex}.planetWrapper{z-index:10;width:60%;height:100%;position:fixed;top:-130px;right:0;overflow-y:auto}@media (max-width:992px){.planetWrapper{width:100%;height:auto;position:static}}@media only screen and (max-width:768px){.content{display:flex;flex-direction:column!important;justify-content:center!important;align-items:center!important}.textContainer{width:400px!important}.canvasContainer{object-fit:cover;width:450px!important}}