.area{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;background:#1d1d1d;background:-webkit-linear-gradient(to left,#8f94fb,#4e54c8)}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#0afcbf7c;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.hero{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;min-height:100vh}.home h1{text-align:left;color:#fff;font-size:6.5rem;text-shadow:2px 2px 5px rgba(0,0,0,.5);padding-left:6vw;padding-top:5.5vw;padding-bottom:0vw;margin-bottom:0}.home h1 span{font-size:8.5rem;color:#6fd9b7}.hero p{text-align:left;padding-left:6vw;font-size:2rem;color:#fff;margin-bottom:0}.desc p{text-align:left;padding-left:13%;padding-right:40%;padding-top:28%;font-size:2rem;color:#fff}button{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 30px;font-size:2rem;font-weight:600;border:1px solid rgba(88,101,242,1);border-radius:25px;color:#5865f2;background:transparent;box-shadow:0 5px 15px #0000004d;margin-left:6vw;margin-top:2vw;overflow:hidden;cursor:pointer;transition:color .3s ease}button span{margin-left:10px;z-index:1}button:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:#266bffb9;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease,box-shadow .5s ease;z-index:0}button:hover:before{transform:translate(-50%,-50%) scale(1);box-shadow:inset 0 0 0 100% #0015ff}button:hover{color:#fff}footer{width:100%;background-color:#1a1a1a;color:#fff;text-align:center;padding:10px 0;font-size:14px;z-index:1;position:relative}a{text-decoration:none}@media (orientation: portrait){.home h1{font-size:4rem;padding-left:4vw;padding-top:6vw}.home h1 span{font-size:5rem}.hero p{font-size:1.5rem;padding-left:4vw;padding-right:2vw}button{font-size:1.8rem;padding:10px 20px;margin-left:4vw;margin-top:3vw}.desc p{font-size:1.5rem;padding-left:8%;padding-right:8%;padding-top:10%;padding-right:2vw}}