@font-face{font-family:poppins-semibold;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:poppins-semibold,Roboto,"sans-serif",-apple-system,BlinkMacSystemFont!important;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--pcolor:#5cf64a;--slideLength:28vw}a{text-decoration:none}.bg-dark{background:#000!important}.nav-link:hover{color:var(--pcolor)!important}.navbar-brand{font-size:clamp(24.5px,2.6vw,80px)}.nav-link{font-size:clamp(15px,1.5vw,40px)}.home-container{align-items:flex-start;background:linear-gradient(90deg,#000000e6 40vw,#0000 80vw),linear-gradient(180deg,#0000 70vh,#000 100vh),linear-gradient(0deg,#0000 50vh,#000000e6 100vh),url(/static/media/home.edcf0f1da1d2b545e732.jpeg);background-position:bottom;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;min-height:100vh;width:100vw}.home-container .image-container{-webkit-box-reflect:below 25px linear-gradient(#0000,#0003);align-items:center;animation:flipPhoto 16s linear infinite;background:linear-gradient(90deg,#0000 0,#000000b3);border-radius:100%;display:flex;height:calc(clamp(250px, 23vw, 1000px)*1.5);justify-content:center;overflow:hidden;position:relative;top:30px;width:clamp(250px,23vw,1000px)}.home-container .image-container img{height:100%;object-fit:cover;position:absolute;width:100%}.image-container:after{background:linear-gradient(90deg,#fff0 0,#0000);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:50%}.home-container .image-container img:first-child{animation:hideImage 16s linear infinite;z-index:2}.home-container .image-container img:last-child{z-index:1}@keyframes flipPhoto{0%{transform:rotateY(180deg)}25%{transform:rotateY(180deg)}50%{transform:rotateY(1turn)}75%{transform:rotateY(1turn)}to{transform:rotateY(180deg)}}@keyframes hideImage{0%{opacity:1}37.5%{opacity:1}37.6%{opacity:0}87.5%{opacity:0}87.6%{opacity:1}to{opacity:1}}.home-container .content{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-inline:20px;position:relative;top:20vh;width:clamp(330px,80vw,750px)}.home-container .content span{color:var(--pcolor)}.home-container .content h3{font-size:clamp(25px,2vw,70px)}.home-container .content h1{font-size:clamp(40px,3vw,90px)}.home-container .content h1 ol{animation:typing 24s infinite;border-right:3px solid #fff;display:flex;flex-direction:column;height:3.2rem;justify-content:start;overflow:hidden;padding:0}.home-container .content li{animation:slide 24s steps(1) infinite;font-size:3rem;list-style:none}@keyframes slide{0%,12.5%{transform:translateY(0)}25%,37.5%{transform:translateY(-3.8rem)}50%,62.5%{transform:translateY(-7.6rem)}75%,87.5%{transform:translateY(-11.4rem)}}@keyframes typing{0%{width:0}12.5%{width:80%}25%{width:0}37.5%{width:102%}50%{width:0}62.5%{width:89%}75%{width:0}87.5%{width:82%}to{width:0}}.home-container .content p{font-size:clamp(15px,1.5vw,40px);max-width:500px}.home-container .content div{display:flex;justify-content:end;width:100%}.home-container .content button{--bs-btn-font-size:clamp(20px,1.2vw,1000px);animation:btnPulse 2s ease-in-out infinite;border-color:var(--pcolor);color:var(--pcolor)}.home-container .content button:hover{box-shadow:0 0 10px var(--pcolor);color:#fff}@keyframes btnPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.wave{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:wave-animation;display:inline-block;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(20deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(20deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media (min-width:1030px){.home-container{justify-content:space-around}.home-container .image-container{margin-left:10vw}.home-container .content p{max-width:2500px}}.about-container1{background:radial-gradient(circle,#0000 0,#000 45%,rgba(0,0,0,1)100%),url(/static/media/wolf1.3e761db3ecd37ea3e403.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-flex;flex-direction:row;height:105vh;justify-content:center;margin-top:60vw;width:100vw}.about-container1:before{animation-timeline:view();animation-range:entry -40vh cover 10%;animation:scroll-about linear;content:"About Me";font-size:clamp(25px,4vw,70px);position:absolute;text-align:center;transform:translateY(-18vw);width:100%}@keyframes scroll-about{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.about-container2{background:radial-gradient(circle,#0000 0,#000 45%,rgba(0,0,0,1)100%),url(/static/media/wolf2.1826d819fcabfd36cec9.jpeg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:row;height:105vh;justify-content:center;margin-bottom:25vh;width:100vw}span{color:var(--pcolor)}.content{display:flex;flex-direction:row;height:auto;width:100%}.content .key{align-items:end;padding-right:7%;text-align:right;width:50%}.content .colon,.content .key{display:flex;flex-direction:column;font-size:clamp(15px,3.5vw,28px);height:auto;justify-content:space-around}.content .colon{align-items:center;width:5%}.content .value{align-items:start;display:flex;flex-direction:column;font-size:clamp(15px,3.5vw,28px);height:auto;justify-content:space-around;padding-left:5%;position:relative;width:50%}.value-item{transition:transform .5s ease-in-out}.colon div,.key-item,.value-item{animation-timeline:view();animation-range:entry -5vh cover 20%;animation:scroll-about linear;height:clamp(15px,3.5vw,28px)}.value-item:hover{color:var(--pcolor);transform:translateY(-20%);transition:transform .5s ease-in-out}.key-item span:hover{color:#fff}.education-container{align-items:center;background:linear-gradient(0deg,#0000 40vh,#000 160vh),linear-gradient(180deg,#0000 40vh,#000 150vh),url(/static/media/education.260416bf9843df28d3ce.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:8%;height:150vh;margin-top:80vh;width:100vw}.education-container h1{animation-timeline:view();animation-range:entry 0 cover 40%;animation:scroll-education linear;font-size:clamp(25px,4vw,70px)}@keyframes scroll-education{0%{opacity:.8;scale:0}to{opacity:1;scale:1}}.span{color:var(--pcolor)}.school{animation-timeline:view();animation-range:entry 0 cover 30%;animation:scroll-education linear;border:2px solid var(--pcolor);border-radius:20px;display:flex;flex-wrap:wrap;height:auto;justify-content:center;text-align:center;width:80%}.school .school-item{font-size:clamp(18px,1.5vw,70px);padding-top:4%;width:clamp(200px,33%,1000px)}.school h5{font-size:clamp(15px,1.3vw,70px);margin-top:13%}.school h5,.school p{transition:transform .7s ease-in-out}.school p{font-size:clamp(10px,1vw,70px)}.school h5:hover,.school p:hover{color:var(--pcolor);transform:scale(1.1);transition:transform .7s ease-in-out}.skill{animation-timeline:view();animation-range:entry 0 cover 35%;animation:scroll-education linear;border:2px solid var(--pcolor);border-radius:20px;display:flex;flex-direction:column;font-size:clamp(24px,3vw,70px);height:auto;padding:1% 3%;text-align:center;width:65%}.skill p{font-size:clamp(15px,1.3vw,70px);margin-top:clamp(5px,5%,13px)}.skill p,.skill p:hover{transition:transform .7s ease-in-out}.skill p:hover{color:var(--pcolor);transform:scale(1.1)}.project-container{align-items:center;column-gap:6%;display:flex;flex-wrap:wrap;height:auto;justify-content:space-around;margin-bottom:50vh;margin-top:100vh;margin-inline:auto;padding-top:3%;row-gap:40px;width:90vw}.projects{animation-timeline:view();animation-range:entry 0 cover 40%;animation:scroll-project linear;background:#00000080 url(/static/media/project.b50825cc75c92e6f9694.jpeg);background-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 5px 13px var(--pcolor);font-size:clamp(25px,1.8vw,45px);height:400px;position:relative;width:300px}.projects,.projects:hover{transition:.5s ease-in-out}.projects:hover{background:#000000b3 url(/static/media/project.b50825cc75c92e6f9694.jpeg);background-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover}.project-container:before{animation-timeline:view();animation-range:entry 0 cover 40%;animation:scroll-project linear;content:"Projects";font-size:clamp(26px,4vw,70px);text-align:center;width:100%}@keyframes scroll-project{0%{scale:0}to{scale:1}}.btn-outline{border-color:var(--pcolor);color:var(--pcolor)!important}.projects span{top:15%}.projects p,.projects span{position:absolute;text-align:center;width:100%}.projects p{font-size:clamp(10px,1vw,20px);top:50%}.projects a{bottom:5%;left:30%;position:absolute}@media (min-width:1440px){.projects{height:40vh;width:20vw}}.experience-container{background:linear-gradient(270deg,#000000e6 20%,#0000 100%),linear-gradient(0deg,#0000 70%,#000 100%),linear-gradient(180deg,#0000 70%,#000 100%),url(/static/media/experience.4fbcbdc5102d07e4e25b.jpeg);background-repeat:repeat;background-size:cover;height:auto;margin-bottom:20vh;margin-top:20vw;transform:translateY(-10vw);width:100vw}.experience-container:before{animation-timeline:view();animation-range:entry -20vh cover 30%;animation:scroll-experience1 linear;content:"Experiences";display:inline-block;font-size:clamp(26px,4vw,70px);text-align:center;width:100%}@keyframes scroll-experience1{0%{scale:.5}to{scale:1}}.experience-container h2{animation-timeline:view();animation-range:entry -30vh cover 15%;animation:scroll-experience2 linear;color:var(--pcolor);font-size:clamp(18px,2.6vw,70px);margin-right:10vw;text-align:end}@keyframes scroll-experience2{0%{transform:translateX(-20vw)}to{transform:translateX(0)}}.experience-container h3{font-size:clamp(13px,1.8vw,40px)}.experience-container h3,.experience-container p{animation-timeline:view();animation-range:entry -30vh cover 15%;animation:scroll-experience2 linear;margin-right:10vw;text-align:end}.experience-container p{font-size:clamp(10px,1.6vw,40px);font-style:italic}.contact-container{align-items:center;background:linear-gradient(0deg,#0000 60%,#000 100%),linear-gradient(180deg,#0000 70%,#000 100%),linear-gradient(90deg,#0000 50%,#000000e6 100%),linear-gradient(270deg,#0000 50%,#000000e6 100%),url(/static/media/contact.2fa0e4b38eb7a61baf76.jpg);background-position:0;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10vw;height:100vh;justify-content:center;margin-bottom:20vw;margin-top:40vw;width:100vw}.contact-container .title{animation-timeline:view();animation-range:entry 0 cover 30%;animation:scroll-contact linear;font-size:clamp(26px,4vw,70px);margin-bottom:70px}@keyframes scroll-contact{0%{scale:0;transform:rotate(0deg)}20%{transform:rotate(90deg)}40%{transform:rotate(180deg)}60%{transform:rotate(270deg)}80%{scale:1;transform:rotate(300deg)}to{transform:rotate(1turn)}}.contact-container .contacts{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:-webkit-max-content;width:max-content}.contact-container .contacts .bye{animation-timeline:view();animation-range:entry 0 cover 20%;animation:scroll-contact linear;font-size:clamp(18px,2.5vw,70px);margin:30px 15px 40px;text-align:center}.contact-container .contacts .social{grid-column-gap:75px;grid-row-gap:50px;column-gap:75px;display:grid;grid-template-columns:20vw 20vw;grid-template-rows:20vw 20vw;margin-top:4vw;margin-inline:auto;row-gap:50px;text-align:center;width:-webkit-max-content;width:max-content}.fa-envelope{align-self:center;animation:pulse 2s ease-in-out infinite;font-size:clamp(50px,8vw,200px);grid-area:1/1/2/2;text-decoration:none}.fa-linkedin{grid-area:1/2/2/3}.fa-instagram,.fa-linkedin{align-self:center;animation:pulse 2s ease-in-out infinite;font-size:clamp(50px,7vw,200px);text-decoration:none}.fa-instagram{grid-area:2/1/3/2}.fa-github{align-self:center;animation:pulse 2s ease-in-out infinite;font-size:clamp(50px,7vw,200px);grid-area:2/2/3/3;text-decoration:none}.title span{color:var(--pcolor)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.fa-brands:hover,.fa-solid:hover{filter:saturate(40%)}.hobby-container{animation-timeline:view();animation-range:entry 0 cover 30%;align-items:center;animation:scroll-hobby linear;background:linear-gradient(0deg,#0000 30%,#000 100%),linear-gradient(180deg,#0000 80%,#000 100%),linear-gradient(90deg,#0000 50%,#000000e6 100%),linear-gradient(270deg,#0000 50%,#000000e6 100%),url(/static/media/hobby.997e5efc0cb083228459.jpeg);background-position:0;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:80vw;margin-top:60vw;width:100vw}.hobby-container img{border-radius:20px;height:clamp(10px,50%,600px);margin-top:120px;object-fit:cover;opacity:.8;position:absolute;width:clamp(10px,85%,600px)}.hobby-container h1{font-size:clamp(25px,4vw,70px)}@keyframes scroll-hobby{0%{opacity:0;scale:0}to{opacity:1;scale:1}}#badminton{animation:disappear 20s infinite;filter:saturate(30%)}#coding{animation:disappear 20s 6.6s infinite}#chess,#coding{filter:saturate(20%)}#chess{animation:disappear 20s 13.2s infinite}@keyframes disappear{40%{opacity:0;transform:translateY(clamp(25px,110%,600px))}70%{opacity:0}}.chess{animation:text 20s 6.6s infinite}.chess,.coding{color:var(--pcolor);font-size:clamp(25px,14vw,70px);opacity:0;position:absolute;transform:translateY(35vh);z-index:10}.coding{animation:text 20s infinite}.badminton{animation:text 20s 13.2s infinite;color:var(--pcolor);font-size:clamp(25px,14vw,70px);opacity:0;position:absolute;transform:translateY(35vh);z-index:10}@keyframes text{31%{opacity:1}36%{opacity:0}to{opacity:0}}.footer-container{bottom:0;font-size:clamp(2px,3vw,18px);font-style:oblique;margin-bottom:20px;text-align:center;width:100%}.resume-container{align-items:center;background:linear-gradient(270deg,#0000 20%,#000 100%),linear-gradient(90deg,#0000 70%,#000 100vw),linear-gradient(180deg,#0000 80%,#000 100%),linear-gradient(0deg,#0000 80%,#000 100%),url(/static/media/chess.0f7d3f1b963d9fe2fc7a.jpeg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:8%;height:100vh;margin-top:80vh;width:100vw}.resume-container h1{font-size:clamp(25px,4vw,70px)}#ask{border-color:var(--pcolor);color:var(--pcolor)}#ask:hover{box-shadow:0 0 10px var(--pcolor);color:#fff}.ask{width:clamp(300px,60vw,700px)}#download{background-color:#5cf64acc;color:#fff}#download:hover{background-color:#5cf64a1a;color:var(--pcolor)}.answer{font-size:15px;width:clamp(350px,60vw,750px)}.response{border:2px solid var(--pcolor);border-radius:10px;width:clamp(300px,50vw,750px)}.phrase1{transform:translateY(350px)}.phrase1,.phrase2,.phrase3{font-family:lora;font-size:clamp(13px,1.3vw,50px);font-style:italic;text-align:center;width:100%}.phrase3{transform:translateY(16vw)}.phrase4{transform:translateY(-10vh)}.phrase4,.phrase5{font-family:lora;font-size:clamp(13px,1.3vw,50px);font-style:italic;text-align:center;width:100%}.phrase5{transform:translateY(45vh)}
/*# sourceMappingURL=main.3a15af35.css.map*/