@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Anton&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Boogaloo&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Dosis:wght@200..800&family=Happy+Monkey&family=Indie+Flower&family=Lacquer&family=M+PLUS+Rounded+1c:wght@500&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&family=Playpen+Sans:wght@300&family=Shadows+Into+Light&family=Sniglet:wght@400;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-color:#cce0ed;--main-color:#5b78f6;--bg-color:#cce0ed7c;--text-font:1.40rem;--text-fontFamily:Outfit;--main-font:5px}*{box-sizing:border-box;font-family:Outfit;font-family:var(--text-fontFamily);margin:0;padding:0}body::-webkit-scrollbar{display:none}.wrapper{background-color:#0f0f0f;height:-webkit-fit-content;height:fit-content;max-width:100vw;overflow-x:hidden;position:relative}.about-holder{display:flex}.about-container{background-color:#0f0f0f;color:var(--text-color);height:372vh;padding:1rem 0;width:100vw}.openingAbout{width:-webkit-fit-content;width:fit-content}.openingAboutText{color:var(--text-color);font-size:90px;height:50vh;padding:2rem 1rem;width:100vw}.myInformation{height:100vh;position:relative;width:95vw}.myinformationText{font-size:var(--text-font);height:-webkit-fit-content;height:fit-content;left:15%;padding:1rem 2rem;position:absolute;top:20%;width:35%}.aboutimg-holder{background-image:url(/static/media/about.9b11820b5eb3ed0341a9.jpg);background-repeat:no-repeat;background-size:cover;height:90%;position:absolute;right:5%;top:5%;width:40%}.myInformationArrow{color:var(--text-color);display:inline-block;font-size:var(--text-font);left:10%;position:absolute;top:22%}.mySkills{background-color:#1a1919;height:90vh;position:relative;width:100vw}.mySkillsText{color:var(--text-color);font-size:90px;padding:2rem 1rem}.skillSet{display:flex;justify-content:space-between;padding:1rem}.skill{color:var(--text-color);height:-webkit-fit-content;height:fit-content;padding:1rem .5rem;width:25%}.skillHead{font-size:40px}.skillText{font-size:22px}.skillNo{border-bottom:1px solid var(--text-color);padding:1rem .5rem}.partofYi{color:var(--text-color);height:120vh;position:relative;width:100vw}.parrtofYi-headline{color:var(--text-color);font-size:90px;height:-webkit-fit-content;height:fit-content;padding:2rem 1rem;width:95vw}.yiArrow{display:inline-block;right:10%}.yiArrow,.yiText{font-size:var(--text-font);position:absolute;top:30%}.yiText{height:-webkit-fit-content;height:fit-content;padding:1rem 2rem;right:15%;width:35%}.yiImg-holder{background-image:url(/static/media/yi-my.6d4f9222963766132445.jpeg);background-repeat:no-repeat;background-size:cover;height:90%;left:5%;position:absolute;top:20%;width:40%}@media (max-width:768px){.about-container{color:var(--text-color);display:flex;flex-direction:column;padding:1rem 0}.about-container,.openingAbout{height:-webkit-fit-content;height:fit-content}.openingAbout{overflow:scroll;scrollbar-width:none;width:-webkit-fit-content;width:fit-content}.openingAboutText{font-size:50px;height:-webkit-fit-content;height:fit-content}.myInformation{height:90vh;width:100vw}.myInformationArrow{left:5%;position:absolute;top:3%}.myinformationText{font-size:20px;height:-webkit-fit-content;height:fit-content;left:2%;top:4%;width:100%}.aboutimg-holder{height:50vh;right:5%;top:42%;width:90vw}.mySkills{height:-webkit-fit-content;height:fit-content}.mySkillsText{font-size:80px;padding:1rem}.skill{gap:10px;padding:0 .5rem;width:100%}.skillSet{display:flex;flex-direction:column}.skillHead{font-size:40px}.skillText{font-size:20px;width:90vw}.skillNo{padding:1rem .5rem}.partofYi{height:130vh;position:relative}.parrtofYi-headline,.partofYi{color:var(--text-color);width:100vw}.parrtofYi-headline{font-size:80px;padding:2rem 1rem}.yiArrow{right:5%}.yiArrow,.yiText{position:absolute;top:25%}.yiText{font-size:20px;height:-webkit-fit-content;height:fit-content;right:0;width:100%}.yiImg-holder{height:60vh;right:5%;top:55%;width:40%;width:90vw}}.footer{background-color:#000;color:#fff;font-family:Inter,sans-serif;height:100vh;padding:2rem 1rem}.footer-top{border-bottom:1px solid #333;display:flex;flex-wrap:wrap;height:30%;justify-content:space-between}.footer-logo{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:2%;height:6vh;letter-spacing:1px;margin-left:1rem;margin-top:2rem;position:relative;width:15vw}.footer-myimg{background:url(/static/media/my_img.4faf93f49a76ec6296d9.jpg);background-repeat:no-repeat;background-size:cover;border-radius:50%;height:3rem;width:3rem}.footer-nav{display:flex;gap:3rem;margin-top:2rem}.nav-column{display:flex;flex-direction:column}.nav-column a:after{background:currentColor;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.nav-column a:hover:after{transform:scaleX(1)}.nav-column h4{color:#aaa;font-size:.9rem;margin-bottom:.8rem}.nav-column a{color:#fff;font-size:.95rem;margin-bottom:.4rem;text-decoration:none}.nav-column a:hover{text-decoration:underline}.footer-vision{align-items:center;border-bottom:1px solid #333;display:flex;height:60%;justify-content:center;padding:3rem 0}.footer-vision h1{font-size:9vw;font-weight:600;letter-spacing:2px}.letter{display:inline-block}.space{width:.4em}.footer-bottom{color:#aaa;display:flex;flex-wrap:wrap;font-size:.85rem;height:10%;justify-content:space-between;padding-left:1rem;padding-right:1rem;padding-top:1.5rem}.back-to-top{color:#fff;text-decoration:none}.back-to-top:hover{text-decoration:underline}@media (max-width:768px){.footer-top{display:flex;flex-wrap:wrap;height:30vh}.footer-logo{font-size:1.3rem;height:6vh;margin-top:0;width:70vw}.footer-myimg{height:2.5rem;width:2.5rem}.footer-nav{display:flex;flex-direction:column;gap:.2rem;margin-left:1rem;margin-top:0}.nav-column{display:flex;flex-direction:row;gap:1rem}.footer{height:-webkit-fit-content;height:fit-content}.footer-vision{height:20%}.footer-vision h1{font-size:8vw}}.home-holder{display:flex;justify-content:center}.home-container{background-color:#0f0f0f;color:var(--text-color);display:flex;flex-direction:column;gap:0;height:195vh;left:24%;max-width:100vw;padding:12rem 0}.headline-text{font-size:130px}.headline-text,.subtitle-text{display:flex;justify-content:center;opacity:1}.subtitle-text{font-size:25px;margin-bottom:10px}.custom-cursor{align-items:center;background-color:var(--text-color);border-radius:50%;display:flex;height:16px;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);transition:opacity .3s ease;width:16px;z-index:1000}.click-text{animation:fadeOut .8s forwards;color:#fff;font-size:.6rem;position:absolute;top:-20px;white-space:nowrap}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.preloader{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.preloader h1{color:#fff;font-size:3rem;font-weight:700;pointer-events:none}.badge-holder{align-items:center;display:flex;justify-content:center}.status-badge{align-items:center;background-color:#1e1e1e;border-radius:999px;box-shadow:0 0 2px #0003;color:#fff;display:inline-flex;font-family:sans-serif;font-size:14px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.status-dot{animation:blink 1s ease-in-out infinite;background-color:#00ff85;border-radius:50%;box-shadow:0 0 8px #00ff85,0 0 16px #00ff85,0 0 24px #00ff85;height:8px;margin-right:8px;width:8px}@keyframes blink{0%,to{box-shadow:0 0 8px #00ff85,0 0 16px #00ff85,0 0 24px #00ff85;opacity:1}50%{box-shadow:0 0 2px #00ff85,0 0 4px #00ff85;opacity:.3}}.home-holder-sec{display:flex;height:100vh;justify-content:center;margin-top:9%;width:100vw}.home-container-sec{background-color:#1a1919bf;border-radius:1rem;display:flex;gap:.5%;height:90vh;padding:.5%;width:70vw}.left{display:flex;flex-direction:column;gap:1%;width:30%}.img-holder{background:url(/static/media/my_img.4faf93f49a76ec6296d9.jpg);background-repeat:no-repeat;background-size:cover;border-radius:10px;height:80%}.img-holder:hover{filter:grayscale(60%);transition:filter 1s ease-in-out}.hobbies{flex-direction:column;gap:10px}.hobbie,.hobbies{display:flex;overflow:auto;scrollbar-width:none;width:100%}.hobbie{background:#292828;border-radius:10px;font-size:x-large;height:7vh;padding:.5rem}.middle{display:flex;flex-direction:column;gap:1%;width:50%}.introduction-text{background:#2b2a2a;border-radius:10px;height:40%;width:100%}.intro-name{font-weight:bolder;height:20%;padding:.2rem .5rem}.intro-info{height:80%;margin-top:2%;overflow-y:auto;padding:.2rem .5rem;scrollbar-width:none}.home-contact{display:flex;gap:2%}.contact-connector{background:var(--main-color);overflow:auto;scrollbar-width:none}.contact-connector,.mycv{border-radius:50px;height:100%;width:50%}.mycv{align-items:center;background:var(--text-color);display:flex;justify-content:center}.mycv:hover{border:4px solid var(--main-color);cursor:pointer;transition:all .5s ease-in-out}.mycv a{color:var(--main-color);font-family:var(--text-fontFamily);font-size:x-large;text-decoration:none}.contact-text{color:var(--text-color);height:100%;overflow:hidden}.rollingText{align-items:center;display:flex;flex-direction:row;font-family:var(--text-fontFamily);width:-webkit-fit-content;width:fit-content}.mernDeveloper{font-size:20px;font-weight:bolder;padding-top:1rem}.mid-end{display:flex;gap:1%;height:50%}.mid-end,.skills{border-radius:10px}.skills{background:#262626;height:100%;width:50%}.skill-head{padding:0 .5rem}.skill-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));height:80%;overflow-y:auto;scrollbar-width:none}.skill-item{height:100px;width:100px}.local-time{background:#000;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem;width:50%}.time{font-size:100px}.ampm,.time{color:#d3d3d3;font-weight:bolder;line-height:1}.ampm{font-size:80px}.label{color:gray;font-size:20px;margin-top:40px}.right{display:flex;flex-direction:column;gap:1%;width:20%}.social-links{background:#2e2f2f;border-radius:10px;height:50%;overflow:hidden}.social-links-head{display:flex;font-size:xx-large;gap:5%;padding:0 .5rem}.social-links-content{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding-left:1.5rem}.social-link a{color:var(--text-color);font-size:90px}.question{background:url(/static/media/code.e7aaf9b4c13f3293ab18.jpg);background-repeat:no-repeat;background-size:cover;border-radius:10px;height:50%}@media (max-width:768px){.home-container{height:-webkit-fit-content;height:fit-content;padding:3rem 0}.headline-text{align-items:center;display:flex;flex-direction:column;font-size:5em;height:50vh;justify-content:center;overflow:auto}.subtitle-text{font-size:20px;margin-bottom:1rem}.home-container-sec{flex-direction:column;gap:2%;min-height:100vh;overflow:auto;padding:1rem;scrollbar-width:none;width:90vw}.left{width:100%}.img-holder{height:50vh}.hobbies{gap:7px;margin-top:2%}.hobbie{font-size:large;height:5vh}.middle{height:79%;width:100%}.intro-info,.intro-name,.introduction-text{height:-webkit-fit-content;height:fit-content}.introduction-text{overflow:hidden;scrollbar-width:none;width:100%}.mycv{margin-top:1%}.home-contact{flex-direction:column}.contact-connector,.mycv{width:100%}.mid-end{height:25%}.skills{background:#262626;border-radius:10px;height:100%}.skill-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,3fr));height:70%;overflow-y:auto;padding-bottom:10px;padding-left:10px;scrollbar-width:thin;width:100%}.skill-item{height:50px;width:50px}.local-time{height:100%}.time{font-size:50px}.ampm{font-size:30px}.label{font-size:10px}.right{flex-direction:row;width:100%}.social-links{border-radius:10px;height:-webkit-fit-content;height:fit-content;overflow:auto;scrollbar-width:none;width:100%}.social-links-head{display:flex;font-size:xx-large;gap:5%;padding:0 .5rem}.social-links-head i{display:none}.social-links-content{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));padding-left:1rem}.social-link a{color:var(--text-color);font-size:50px}.custom-cursor,.question{display:none}}.nav-holder{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#0f0f0f;padding:2%}.nav-container{align-items:center;display:flex;height:7vh;justify-content:space-between;padding:.2rem 5rem}.navlinks{color:var(--text-color);font-size:var(--text-font);text-decoration:none}.nav-mid{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:var(--bg-color);border:1px solid var(--bg-color);border-radius:2rem;display:flex;justify-content:space-between;margin-right:5%;padding:.2rem 1rem;transition:transform .5s ease-in-out;width:-webkit-max-content;width:max-content}.nav-mid:hover{transform:scaleX(1.02)}.nav-mid span{color:var(--main-color);font-size:var(--text-font);margin:0 .5rem}.nav-right{display:flex;gap:.5rem}.nav-credit{cursor:pointer;display:inline-flex;font-family:sans-serif;gap:.2rem;overflow:hidden}.nav-credit span{display:inline-block}.khute{opacity:0}.arrow{display:inline-block;font-size:var(--text-font);transition:transform .1s ease}.arrow,.arrow:hover,.talk-text{color:var(--main-color)}.talk-text{display:inline-block;position:relative}.hover-underline{background-color:var(--text-color);border-radius:150%;bottom:-2px;height:2px;left:0;pointer-events:none;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.nav-menu-icon{color:var(--text-color);cursor:pointer;display:none;font-size:1.5rem}@media screen and (max-width:768px){.nav-container{flex-wrap:wrap;padding:.2% 2%}.nav-mid{display:none}}.projects-holder{background:#0f0f0f;padding:1rem;width:100vw}.openingProject{width:95vw}.openingProjectText{color:var(--text-color);font-size:90px;height:70vh;padding:2rem 1rem;width:95vw}.project-section{align-items:center;background-color:#1a1919;display:flex;height:80vh;margin-bottom:6rem}.project-text-left{color:var(--text-color);display:flex;gap:5%;height:50vh;padding:1rem;width:50%}.project-title{font-size:70px;font-weight:700;margin:.5rem 0}.project-subtitle{font-size:20px;margin-bottom:1rem}.show-button{background:#000;border:none;color:#fff;cursor:pointer;padding:.5rem 1.2rem;width:100%}.show-button a{color:#fff;text-decoration:none}.left-arrow{font-size:1.5rem;margin-bottom:.5rem}.project-text-right{color:var(--text-color);display:flex;gap:5%;height:50vh;justify-content:flex-end;padding:1rem;width:50%}.right-arrow{font-size:1.5rem;margin-bottom:.5rem}.project-img-left,.project-img-right{flex:1 1;padding:1rem;text-align:center;width:30%}.project-img-left img,.project-img-right img{box-shadow:0 4px 16px #0003;height:auto;width:100%}@media (max-width:768px){.projects-holder{padding:0}.openingProject,.projects-holder{height:-webkit-fit-content;height:fit-content}.openingProject{margin-bottom:2%;overflow:scroll;scrollbar-width:none;width:100vw}.openingProjectText{font-size:45px}.openingProjectText,.project-section{height:-webkit-fit-content;height:fit-content}.project-section{flex-direction:column;margin-bottom:2rem}.project-text-left{height:-webkit-fit-content;height:fit-content;padding-right:3%;width:100%}.project-title{font-size:35px}.project-img-right{margin-top:7%;padding:.5rem;width:100%}.project-section:nth-child(odd){flex-direction:column-reverse}.project-text-right{height:-webkit-fit-content;height:fit-content;padding-right:3%;width:100%}.project-img-left{margin-top:10%;padding:.5rem;width:100%}}.contact-holder{background-color:#0f0f0f;color:#fff;display:flex;justify-content:center;min-height:100vh}.contact-container{min-height:100vh}.contact-container,.contact-top{display:flex;flex-direction:column;justify-content:center;width:100%}.contact-top{align-items:center;height:75vh}.contact-top-head{font-size:170px;padding:0 2rem;width:100%}.contact-top-body{font-size:35px;padding:0 2rem;width:100%}.contact-mid{background-color:#1a1919;display:flex;gap:2%;height:110vh;justify-content:center;padding:1rem 2rem;width:100%}.contact-form{display:flex;flex-direction:column;font-size:55px;height:-webkit-fit-content;height:fit-content;width:80%}form p{line-height:1.6}form input{background:#0000;border:none;border-bottom:1px solid #555;color:wheat;outline:none;padding:.5rem;width:auto}form input::placeholder{color:#888;font-size:35px}.send-info{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:14px;letter-spacing:1px;margin-top:20px}.send-info:hover{border-bottom:1px solid var(--text-color)}.contact-socials{display:flex;gap:2%;height:50%;width:20%}.contactArrow{color:var(--text-color);display:inline-block;font-size:var(--text-font);height:-webkit-fit-content;height:fit-content;padding-top:2rem}.contact-details{height:50%;width:100%}.socials-head{font-size:60px}.contact-links{color:var(--text-color);display:flex;font-size:30px;gap:5%}.link a i{color:var(--text-color);padding:.2rem}.link a i:hover{border-bottom:1px solid var(--text-color)}.contact-footer{display:flex;justify-content:space-between;padding:1.5rem 5rem}.footer-mailme a{border:1px solid var(--text-color);color:var(--text-color);padding:.5rem;text-decoration:none}.footer-mailme a:hover{background-color:var(--text-color);color:#000;transition:all 1s ease}@media (max-width:768px){.contact-top{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.contact-top-head{font-size:70px;padding:0 1rem}.contact-top-body{font-size:30px;padding:0 1rem}.contact-mid{flex-direction:column-reverse;height:100vh;padding:1rem 0;width:100%}.contact-form{box-sizing:border-box;display:flex;flex-direction:column;font-size:25px;height:100vh;padding:0 1rem;width:100%}form p{line-height:2}form input{padding:0}form input::placeholder{font-size:25px}.send-info{font-size:20px;margin-top:0}.contact-footer{justify-content:space-between;padding:1rem}.footer-mailme a{border:none;padding:1rem}.socials-head{font-size:65px;margin:0}.contact-links{font-size:30px;gap:20%}.link a i{padding:1rem}.contactArrow{padding:3rem 1rem}}.floating-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f0f0f6c;border:2px solid var(--main-color);border-radius:1rem;bottom:1.5rem;display:flex;gap:2rem;left:50%;opacity:1;padding:.6rem 2rem;position:fixed;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:999}.floating-nav.hidden{opacity:.2;pointer-events:none;transform:translateX(-50%) translateY(10px)}.floating-nav.visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.floating-nav a{color:var(--text-color);font-size:1rem;font-weight:700;text-decoration:none}.divider{align-self:center;border-left:2px solid var(--text-color);height:1rem}@media screen and (min-width:769px){.floating-nav{display:none}}
/*# sourceMappingURL=main.6b93cee3.css.map*/