.parallax *,.sec *{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:black;max-width:100%;overflow-x:hidden}canvas{position:absolute;z-index:0;width:100vw;height:inherit}#spaceship{display:none}.card{z-index:5;height:180px;width:150px;background-color:rgba(255,255,255,.06);position:fixed;margin:auto;top:50px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:20px 20px 22px rgba(0,0,0,.2);border-radius:8px;font-family:Poppins,sans-serif;color:#fcfcfc}.card:hover{cursor:pointer}.card_button{z-index:4;position:fixed;width:40px;height:40px;background-color:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:4px;top:50px}.card_button:hover{cursor:pointer}.card_button span{display:block;width:25px;height:5px;background-color:#eee;border-radius:5px;margin:6px}#clock_button{right:0}#weather_button{left:0}#weather.animate{animation-name:left;animation-duration:3s}#clock.animate{animation-name:right;animation-duration:3s}#weather.animate_reverse{animation-name:left_reverse;animation-duration:3s}#clock.animate_reverse{animation-name:right_reverse;animation-duration:3s}#clock_button.animate{animation-name:right;animation-duration:3s}#weather_button.animate{animation-name:left;animation-duration:3s}#clock_button.animate_reverse{animation-name:right_reverse;animation-duration:3s}#weather_button.animate_reverse{animation-name:left_reverse;animation-duration:3s}@keyframes left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes left_reverse{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes right_reverse{0%{transform:translateX(100%)}to{transform:translateX(0)}}#weather{left:0}.card h4{font-weight:600;font-size:12px;margin:10px 0 5px}.card h4,.card h6{letter-spacing:2px;text-align:center}.card h6{color:#b3b3b3;font-size:10px;font-weight:300;margin-bottom:10px}.card img{top:45%;width:40px;height:40px}.card h1,.card img{position:fixed;left:50%;transform:translate(-50%,-50%)}.card h1{bottom:20%;letter-spacing:1px;text-align:center;font-size:15px;font-weight:150}.container{width:inherit;display:grid;grid-template-columns:50% 50%;margin-top:10px;position:fixed;bottom:5px;left:0}.details{text-align:center;font-size:10px;letter-spacing:1px;font-weight:600}.details span{color:#b3b3b3}.details:first-child{border-right:2px solid #fcfcfc}#clock{right:0}.clock{top:50%;left:50%;transform:translate(-50%,-65%);background:#2e2c2f;width:125px;height:125px;border-radius:50%}#clock h2,.clock{position:absolute}#clock h2{letter-spacing:1px;font-size:16px;text-align:center;bottom:0;width:inherit}.hands{position:relative;top:50%;left:50%;width:100%;height:100%}.hour,.minute,.second{position:absolute;left:0;bottom:0;right:0;transform:rotate(0deg);transform-origin:bottom center;width:2px;border-radius:2px}.hour{height:25px;top:-20%}.hour,.minute{background:whitesmoke}.minute{height:45px;top:-36%}.second{background:#ff0f7b;width:1px;height:40px;top:-32%}.clock:before{background:linear-gradient(-45deg,#295df8,#ff0f7b);transform:translate3d(0,20px,0) scale(1.2);filter:blur(40px);opacity:var(.8);transition:opacity .3s;animation:blobby 5s ease infinite}.clock:after,.clock:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.clock:after{background:inherit}@keyframes blobby{20%{transform:translate3d(0,10px,0) scale(.9) rotate(20deg)}50%{transform:translate3d(0,20px,0) scale(1) rotate(0deg)}70%{transform:translate3d(0,10px,0) scale(1.4) rotate(20deg)}0%{transform:translate3d(0,20px,0) scale(1.2)}}.parallax{z-index:-2;background:url(/images/home/background.jpg);background-size:cover;position:relative;display:flex;justify-content:center;align-items:center;height:100vh;left:0;right:0}.parallax img{position:absolute;bottom:0;left:0;width:100%;pointer-events:none}.behind{z-index:-1}.name{top:50%;transform:translateY(-200%);font-size:4em;text-align:center;color:#fff;width:100vw}.banner{z-index:2;position:relative;display:flex;align-items:center;gap:50px;justify-content:space-between;padding-top:100px;padding-bottom:100px;min-height:30vw;margin-top:10px}.banner:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;translate:-50% -50%;width:200%;height:110%;rotate:-2deg;background:#4136d9}.banner h2{text-align:center;white-space:nowrap;margin-left:5vw;font-size:7vw;color:rgb(255 255 255/96%)}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}.banner img{margin-right:5vw;width:250px;height:250px;object-fit:cover;animation:morph 3.5s linear infinite}@media (max-width:620px){.banner{text-align:center;flex-direction:column-reverse;justify-content:center}}.sec{left:0;right:0;position:relative;padding:100px 100px 0;background:#44d4fd}.sec h2{text-align:center;font-size:5vw;color:#fff;margin-bottom:10px}.sec p{font-size:18px;color:#fff;font-weight:300;margin-top:18px}.link_div{display:inline-block;text-decoration:none;position:relative;background-image:linear-gradient(-20deg,#ff009b,#f32d5b);letter-spacing:1px;text-transform:uppercase;text-align:center;color:#fff;font-size:25px;padding:20px;border-radius:20px;margin-top:30px;margin-bottom:30px;width:100%}#link1{margin-bottom:15px}#link2{margin-top:15px}.link_div:hover{background-image:linear-gradient(-20deg,#f32d5b,#ff009b)}.link_div .email-after,.link_div:hover .email-after,.link_div:hover .email-before{display:none}.link_div:hover .email-after{display:inline}.footer{margin-top:0}