.page{max-width:600px;margin:3% auto;padding:30px;border-radius:3px;font-size:1.4vw}.wrap{perspective-origin:50% 50%}.svg{stroke:#3b3d54;position:absolute;bottom:-100vh;transform-style:preserve-3d}.svg:first-child{left:70%;animation:raise1 13s linear infinite;animation-delay:-1s;transform:scale(-.3) rotate(229deg);z-index:-6;filter:blur(-5px)}@keyframes raise1{to{bottom:100vh;transform:scale(-.3) rotate(200deg)}}.svg:nth-child(2){left:93%;animation:raise2 21s linear infinite;animation-delay:0s;transform:scale(0) rotate(159deg);z-index:-5;filter:blur(-4px)}@keyframes raise2{to{bottom:100vh;transform:scale(0) rotate(187deg)}}.svg:nth-child(3){left:61%;animation:raise3 16s linear infinite;animation-delay:-2s;transform:scale(.3) rotate(176deg);z-index:-4;filter:blur(-3px)}@keyframes raise3{to{bottom:100vh;transform:scale(.3) rotate(262deg)}}.svg:nth-child(4){left:39%;animation:raise4 12s linear infinite;animation-delay:0s;transform:scale(.6) rotate(113deg);z-index:-3;filter:blur(-2px)}@keyframes raise4{to{bottom:100vh;transform:scale(.6) rotate(271deg)}}.svg:nth-child(5){left:-2%;animation:raise5 16s linear infinite;animation-delay:-3s;transform:scale(.9) rotate(135deg);z-index:-2;filter:blur(-1px)}@keyframes raise5{to{bottom:100vh;transform:scale(.9) rotate(48deg)}}.svg:nth-child(6){left:66%;animation:raise6 14s linear infinite;animation-delay:-4s;transform:scale(1.2) rotate(135deg);z-index:-1;filter:blur(0)}@keyframes raise6{to{bottom:100vh;transform:scale(1.2) rotate(212deg)}}.svg:nth-child(7){left:18%;animation:raise7 7s linear infinite;animation-delay:-3s;transform:scale(1.5) rotate(52deg);z-index:0;filter:blur(1px)}@keyframes raise7{to{bottom:100vh;transform:scale(1.5) rotate(55deg)}}.svg:nth-child(8){left:34%;animation:raise8 14s linear infinite;animation-delay:-1s;transform:scale(1.8) rotate(354deg);z-index:1;filter:blur(2px)}@keyframes raise8{to{bottom:100vh;transform:scale(1.8) rotate(250deg)}}.svg:nth-child(9){left:55%;animation:raise9 13s linear infinite;animation-delay:-2s;transform:scale(2.1) rotate(234deg);z-index:2;filter:blur(3px)}@keyframes raise9{to{bottom:100vh;transform:scale(2.1) rotate(53deg)}}.svg:nth-child(10){left:73%;animation:raise10 10s linear infinite;animation-delay:-2s;transform:scale(2.4) rotate(331deg);z-index:3;filter:blur(4px)}@keyframes raise10{to{bottom:100vh;transform:scale(2.4) rotate(181deg)}}@media screen{.xpBorder{background-image:linear-gradient(180deg,#b6ddf9,#dfe2e5,#6ba2fe);position:relative;border:1px solid #000;color:inherit;box-shadow:inset 0 -20px 10px -20px rgba(0,0,0,.5),inset 20px 0 10px -20px rgba(0,0,0,.5)}}.horizontal-line{height:1px;background-color:#585958;margin:3px 0;box-shadow:inset 0 -20px 10px -20px rgba(0,0,0,.5),inset 20px 0 10px -20px rgba(0,0,0,.5)}@media screen{.compStyling{background-color:#e4e3e4;border-radius:0;border:2px solid #000;position:relative;padding:.3rem}.compStyling:before{content:"";position:absolute;inset:0;border-color:#9c9c9c #9c9c9c #fff #fff;border-style:solid;border-width:2px}.compStyling:hover{background-color:#e4e3e4;background-color:#c2c2c2}.compStyling:hover:before{content:"";position:absolute;inset:0;border-color:#fff #fff #797878 #797878;border-style:solid;border-width:2px}}.submitBtn{box-shadow:-2px 2px 4px -.5px #000}.submitBtn:focus{box-shadow:2px 2px 6px 0 hsla(0,0%,100%,.5);transform:translateY(2px);transform:translateX(-2px)}.submitBtn:hover{background-image:linear-gradient(180deg,rgba(182,221,249,.5),rgba(224,227,230,.5),rgba(107,162,254,.5))}