@font-face{font-family:'Poppins';src:url(/Fonts/Poppins/Poppins-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Poppins';src:url(/Fonts/Poppins/Poppins-SemiBold.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Poppins';src:url(/Fonts/Poppins/Poppins-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'boxicons';src:url(/Fonts/Boxicons/boxicons.woff2) format("woff2");font-display:swap}.thanks-box,.container .row .about-me .notify-me .below-box .social-media a .item,.container .row .about-me .notify-me .below-box .social-media a,.container .row .about-me .notify-me .below-box .email-box form,.container .row .hero-image,.container,input,button,body{display:flex;align-items:center;justify-content:center}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Poppins,sans-serif,Bitstream Vera Sans;background-color:#191d24;width:100%;height:100%;position:relative}::-webkit-scrollbar{width:0px}a{text-decoration:none;color:#eee}li{list-style-type:none}image{width:100%;-o-object-fit:cover;object-fit:cover}input,button{outline:none;border:none;padding:15px 20px;border-radius:10px;color:#fff;font-size:16px;height:100%;font-family:Poppins,sans-serif,Bitstream Vera Sans}.thanks-box,.container .row .about-me .notify-me .below-box .social-media a .item,.container .row .about-me .notify-me .below-box .social-media a,.container .row .about-me .notify-me .below-box .email-box form,.container .row .hero-image,.container,body,input,button{display:flex;align-items:center;justify-content:center}.container .row .about-me .notify-me .below-box .email-box{display:flex;align-items:center;justify-content:start}.container .row .about-me .notify-me .below-box .social-media{display:flex;align-items:center;justify-content:end}.container .row .about-me .notify-me .below-box,.container .row .about-me .count-down-section .countdown,.container .row{display:flex;justify-content:space-between;align-items:center}.thanks-box .box,.container .row .about-me .count-down-section .countdown .counters{display:flex;flex-direction:column;justify-content:center;align-items:center}.container .row .about-me .notify-me,.container .row .about-me .count-down-section,.container .row .about-me{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.container .row .about-me .notify-me h4,.container .row .about-me .count-down-section h4{font-size:22px;font-weight:400;color:#fff}.lights{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.lights .light{position:absolute;z-index:2;width:1800px;height:1800px;border-radius:50%}.lights .green_light{left:-55%;bottom:-100%;opacity:.2;background:radial-gradient(circle,#4ecca3,#191d24 60%)}.lights .gray_light{left:40%;top:-100%;opacity:.25;background:radial-gradient(circle,#656b74,#191d24 60%)}.container{z-index:3;width:100%;height:100vh;padding:50px 0;position:relative}.container .row{width:100%;max-width:1300px;position:relative}.container .row .hero-image{width:490px;height:820px;overflow:hidden;position:relative;padding-top:50px}.container .row .hero-image img{position:absolute;height:100%;animation:fadeInDown .6s linear;animation-timing-function:ease}.container .row .about-me{gap:70px}.container .row .about-me .header-text{position:relative;padding-left:30px;animation:fadeInLeft .8s linear;animation-timing-function:ease}.container .row .about-me .header-text h1{font-weight:600;font-size:75px;color:#4ecca3;margin-bottom:-10px}.container .row .about-me .header-text h3{font-weight:300;font-size:30px;color:#eee}.container .row .about-me .header-text:after{content:"";display:block;position:absolute;width:3px;border-radius:10px;background-color:#4ecca3;height:40%;left:0;top:50%;transform:translateY(-50%)}.container .row .about-me .count-down-section{gap:20px;width:100%;animation:fadeInLeft .8s .1s linear;animation-timing-function:ease}.container .row .about-me .count-down-section .countdown{padding:30px 50px;width:100%;overflow:hidden;border-radius:10px;position:relative}.container .row .about-me .count-down-section .countdown:after{content:"";position:absolute;z-index:1;width:100%;height:700%;top:-270%;left:50%;transform:translate(-50%);background:linear-gradient(to top,#4ecca3,#191d24 60%)}.container .row .about-me .count-down-section .countdown .counters{z-index:3;gap:-10px}.container .row .about-me .count-down-section .countdown .counters span{font-size:30px;color:#eee;font-weight:400}.container .row .about-me .count-down-section .countdown .counters h3{font-size:25px;text-transform:capitalize;color:#4ecca3;font-weight:700}.container .row .about-me .notify-me{gap:20px;width:100%}.container .row .about-me .notify-me h4{animation:fadeInLeft .8s .2s linear;animation-timing-function:ease}.container .row .about-me .notify-me .below-box{width:100%;height:60px}.container .row .about-me .notify-me .below-box .email-box{width:60%;height:100%;animation:fadeInLeft .8s .2s linear;animation-timing-function:ease}.container .row .about-me .notify-me .below-box .email-box form{width:100%;height:100%;gap:15px}.container .row .about-me .notify-me .below-box .email-box form input{width:80%;background-color:#232931;font-weight:600;box-shadow:0 0 15px 5px #0000001a}.container .row .about-me .notify-me .below-box .email-box form input::-moz-placeholder{color:#eee;opacity:.6;font-weight:300}.container .row .about-me .notify-me .below-box .email-box form input::placeholder{color:#eee;opacity:.6;font-weight:300}.container .row .about-me .notify-me .below-box .email-box form button{width:20%;background-color:#4ecca3;font-weight:600;transition:all .3s ease;box-shadow:0 0 15px 5px #0000001a;cursor:pointer}.container .row .about-me .notify-me .below-box .email-box form button:hover{background-color:#eee;color:#191d24}.container .row .about-me .notify-me .below-box .social-media{width:40%;gap:15px;height:100%}.container .row .about-me .notify-me .below-box .social-media a{height:100%}.container .row .about-me .notify-me .below-box .social-media a .item{height:100%;width:60px;border-radius:10px;background-color:#232931;box-shadow:0 0 15px 5px #0000001a;transition:all .3s ease;animation:fadeInUp .8s .2s linear;animation-timing-function:ease}.container .row .about-me .notify-me .below-box .social-media a .item i{font-size:25px;transition:all .3s ease}.container .row .about-me .notify-me .below-box .social-media a:hover .item{background-color:#eee}.container .row .about-me .notify-me .below-box .social-media a:hover .item i{color:#191d24}.thanks-box{width:100%;height:100vh}.thanks-box .box{padding:20px 30px;background-color:#232931;border-radius:10px;box-shadow:0 0 25px 5px #0000001a;gap:20px}.thanks-box .box h1{font-size:30px;color:#4ecca3}.thanks-box .box p{text-align:center;font-size:16px;color:#eee}.thanks-box .box a{padding:15px 20px;border-radius:10px;color:#fff;background-color:#4ecca3;font-weight:600;box-shadow:0 0 20px 5px #0000001a;transition:all .3s ease}.thanks-box .box a:hover{background-color:#eee;color:#191d24}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-10%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40%,0)}to{opacity:1;transform:translateZ(0)}}@media (max-width: 1600px){.lights .light{width:1600px;height:1600px}}@media (max-width: 1400px){.lights .light{width:1400px;height:1400px}.lights .gray_light{left:60%}.container .row{max-width:1000px}.container .row .hero-image{width:400px;height:700px;padding-top:30px}.container .row .hero-image img{position:absolute}.container .row .about-me{gap:50px}.container .row .about-me .header-text h1{font-size:50px}.container .row .about-me .header-text h3{font-size:20px}.container .row .about-me .count-down-section h4{font-size:18px}.container .row .about-me .count-down-section .countdown{padding:25px 50px}.container .row .about-me .count-down-section .countdown .counters span{font-size:25px}.container .row .about-me .count-down-section .countdown .counters h3{font-size:20px}.container .row .about-me .notify-me h4{font-size:18px}.container .row .about-me .notify-me .below-box{height:50px}.container .row .about-me .notify-me .below-box .email-box{width:65%}.container .row .about-me .notify-me .below-box .email-box form input{width:80%}.container .row .about-me .notify-me .below-box .email-box form button{width:20%}.container .row .about-me .notify-me .below-box .social-media{width:35%;gap:10px}.container .row .about-me .notify-me .below-box .social-media a .item{width:50px}}@media (max-width: 1200px){.lights .light{width:1200px;height:1200px}.lights .gray_light{left:50%;top:-100%}.lights .green_light{left:-65%;bottom:-100%}.container{height:auto}.container .row{max-width:800px;flex-direction:column}.container .row .hero-image{width:400px;height:600px;margin-bottom:-60px}.container .row .about-me{gap:50px;align-items:center}.container .row .about-me .header-text{padding:0;text-align:center}.container .row .about-me .header-text:after{display:none}.container .row .about-me .count-down-section h4{font-size:16px}.container .row .about-me .count-down-section .countdown:after{top:-250%}.container .row .about-me .notify-me h4{font-size:16px}}@media (max-width: 750px){.lights .light{width:1000px;height:1000px}.lights .gray_light{left:50%;top:-60%}.lights .green_light{left:-80%;bottom:-60%}.container .row{max-width:450px;flex-direction:column}.container .row .hero-image{margin-bottom:-80px;padding-top:0}.container .row .about-me{gap:30px}.container .row .about-me .count-down-section{width:95%;gap:10px}.container .row .about-me .count-down-section .countdown{padding:20px 30px}.container .row .about-me .count-down-section .countdown:after{top:-240%}.container .row .about-me .count-down-section .countdown .counters span{font-size:20px}.container .row .about-me .count-down-section .countdown .counters h3{font-size:18px}.container .row .about-me .notify-me{width:95%}.container .row .about-me .notify-me .below-box{height:auto;flex-direction:column;gap:20px}.container .row .about-me .notify-me .below-box .email-box{width:100%;height:50px}.container .row .about-me .notify-me .below-box .social-media{width:100%;height:50px;justify-content:space-between}.container .row .about-me .notify-me .below-box .social-media a{width:33.3333333333%}.container .row .about-me .notify-me .below-box .social-media a .item{width:100%}}@media (max-width: 550px){.lights .green_light{bottom:-80%}}@media (max-width: 480px){.lights .gray_light{left:30%;top:-65%}.lights .green_light{left:-90%;bottom:-70%}.container .row{max-width:300px}.container .row .hero-image{width:400px}.container .row .about-me{gap:30px;align-items:center}.container .row .about-me .header-text h1{font-size:36px}.container .row .about-me .header-text h3{font-size:14px}.container .row .about-me .count-down-section{width:100%}.container .row .about-me .count-down-section h4{font-size:14px}.container .row .about-me .count-down-section .countdown{padding:15px 20px}.container .row .about-me .count-down-section .countdown:after{top:-235%}.container .row .about-me .count-down-section .countdown .counters span{font-size:18px}.container .row .about-me .count-down-section .countdown .counters h3{font-size:15px}.container .row .about-me .notify-me{width:100%}.container .row .about-me .notify-me h4{font-size:14px}.container .row .about-me .notify-me .below-box{flex-direction:column;gap:20px}.container .row .about-me .notify-me .below-box .email-box{width:100%}.container .row .about-me .notify-me .below-box .email-box form input,.container .row .about-me .notify-me .below-box .email-box form button{font-size:15px}.container .row .about-me .notify-me .below-box .email-box form input{width:75%}.container .row .about-me .notify-me .below-box .email-box form button{width:25%;font-size:14px}.thanks-box .box{padding:15px}.thanks-box .box h1{font-size:25px}.thanks-box .box p{font-size:13px}.thanks-box .box a{font-size:12px;padding:10px 15px}}@media (max-height: 750px){.container .row .hero-image{height:700px}}@media (max-width: 380px){.lights .light{width:800px;height:800px}.container .row .hero-image{width:280px;height:400px}.container .row .about-me{gap:30px;align-items:center}.container .row .about-me .header-text h1{font-size:35px}.container .row .about-me .header-text h3{font-size:14px}}
