:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{background:linear-gradient(325deg,#4b063a,#280549,#032431,#2e092c,#492e06);background-size:650% 650%;-webkit-animation:gradient 7s ease infinite;animation:gradient 7s ease infinite;height:100vh;cursor:none;overflow:hidden}@-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:50% 90%}to{background-position:0% 50%}}.name{position:absolute;top:37%;left:51%;transform:translate(-50%,-50%);z-index:10}html,body{height:100%;margin:0}body{position:flex;text-align:center}.container{position:relative;top:38.5%;left:50%;transform:translate(-50%,-50%);color:#2e2b2e;font-size:calc(8.5px + 1vw);line-height:calc(1.7em + .5vw);font-weight:400;z-index:10}.name{font-size:calc(27px + 2vw);font-weight:800;line-height:calc(51.5px + .5vw)}span{color:#4b073f}.cursor{z-index:999;position:fixed;background:#2696E8;width:13px;height:13px;border-radius:50%;pointer-events:none;box-shadow:0 0 5px #2696e8,0 0 15px #5613ad,0 0 25px #710f7a;transform:translate(-50%,-50%);animation:colors 4s infinite;display:none}@keyframes colors{0%,to{filter:hue-rotate(0deg);background:#1857ca}50%{filter:hue-rotate(25deg);background:#8a118a}}.cursor:before{content:"";position:absolute;width:0%;height:50px;border-radius:50%;background:#2696E8;opacity:.2;transform:translate(-30%,-30%)}.btn,.btn2,.btn3{position:relative;top:calc(125px + 47.5vh);transform:translate(-50%,-50%);font-family:sans-serif,arial;font-weight:700;font-size:15%;padding:.6% 1.2%;background:none;cursor:none;border-radius:20px;animation:fadeInAnimation ease 4.7s;animation-iteration-count:1;animation-fill-mode:forwards;z-index:10}.btn{left:calc(4px - .3vw);color:#00f;border:2px solid #2fe20c}.btn2{left:calc(16px + 1.3vw);color:#00f;border:2px solid #1f0d61;top:calc(125px + 48.5vh)}.btn3{left:calc(24px + 3.3vw);color:#1212b6;border:2px solid #431fc4;animation:fadeInAnimation ease 2.5s}.btn:hover,.btn2:hover,.btn3:hover{color:#fff;box-shadow:0 4px 8px 1px #000;transition:all .3s ease}.btn:after,.btn2:after,.btn3:after{content:"";position:relative;bottom:100px;left:0;width:0px;height:0px;background:#0000ff;transform-origin:left bottom;transition-property:width height;transition-duration:.3s;z-index:-1}.btn:hover:after,.btn2:hover:after,.btn3:hover:after{width:100%;height:100%}.link{cursor:none;text-decoration:none;-webkit-user-select:none;user-select:none}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 320px){body{font-size:2em}}.star{position:absolute;bottom:-10px;width:3px;height:3px;background:rgba(255,255,255,.5);border-radius:50%;opacity:0;animation:star-animation 5s linear infinite;z-index:1}@keyframes star-animation{0%{transform:translateY(0);opacity:0}10%{opacity:.5}50%{opacity:.8}90%{opacity:.5}to{transform:translateY(-100vh);opacity:0}}.star:nth-child(odd){width:5px;height:2px;background:rgba(255,255,255,.7);animation-duration:7s}.star:nth-child(2n){width:2px;height:5px;background:rgba(255,255,255,.9);animation-duration:6s}.cube-container{position:absolute;top:15%;left:50%;transform:translate(-50%);perspective:800px;z-index:10}.cube{position:relative;width:10vmin;height:10vmin;transform-style:preserve-3d;animation:rotate-cube 15s linear infinite}.face{position:absolute;width:100%;height:100%;background:linear-gradient(325deg,#1d0118,#1f021f,#160847,#1f0d61);border:2px solid #000000;opacity:.2}.face:nth-child(1){transform:rotateX(90deg) translateZ(5vmin)}.face:nth-child(2){transform:rotateX(-90deg) translateZ(5vmin)}.face:nth-child(3){transform:rotateY(90deg) translateZ(5vmin)}.face:nth-child(4){transform:rotateY(-90deg) translateZ(5vmin)}.face:nth-child(5){transform:rotateY(180deg) translateZ(5vmin)}.face:nth-child(6){transform:rotateY(0) translateZ(5vmin)}@keyframes rotate-cube{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(360deg)}}body{background:linear-gradient(325deg,#4b063a,#280549,#032431,#2e092c,#492e06);background-size:650% 650%;animation:gradient 7s ease infinite;height:100vh;cursor:none;overflow:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:50% 90%}to{background-position:0% 50%}}
