@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap);*{box-sizing:border-box;font-family:Rubik,sans-serif;font-weight:400;letter-spacing:1px;margin:0;padding:0;-webkit-user-select:none;user-select:none}.app{opacity:0;transition:opacity .5s ease-in-out}.app.ready{opacity:1}body{-ms-overflow-style:none;background:#f2f2f2;background:var(--primary-color);color:#1c1c1c;color:var(--secondary-color);scrollbar-color:#0000 #0000;scrollbar-width:thin}body::-webkit-scrollbar{height:0;width:0}.link{color:#1c1c1c;color:var(--secondary-color);text-decoration:none}:root{--primary-color:#f2f2f2;--secondary-color:#1c1c1c;--secondary-opacity-color:#1c1c1ccc;--teriary-color:#fff;--navbar-background:#0000;--maintext-color:#0000001a;--active-color:#f90;--bg-border:#0000001a;--about-image:url(/static/media/LightAbout.174a15bfad97203c9dba.png);--contact-image:url(/static/media/LightContact.a83a7ee7a44278ffaa8d.png)}[data-theme=dark]{--primary-color:#1c1c1c;--secondary-color:#f2f2f2;--secondary-opacity-color:#f2f2f2cc;--teriary-color:#000;--navbar-background:#ffffff1a;--maintext-color:#000;--active-color:#f64377;--bg-border:#fff6;--about-image:url(/static/media/DarkAbout.bb837ca91bc3d9b3b8c0.png);--contact-image:url(/static/media/DarkContact.269fdbd0c887f592665f.png)}.main{align-items:center;background:var(--primary-color);display:flex;flex-direction:column;justify-content:center;width:100%}.navbarContainer{bottom:30px;position:fixed;z-index:2}.homeBackgroundWrapper{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.homeBackgroundName{color:var(--maintext-color);cursor:pointer;font-size:15vw;font-weight:700;text-transform:uppercase}@keyframes pulse{0%{filter:blur(2px);transform:scale(1) rotate(0deg)}50%{filter:blur(3px);transform:scale(1.05) rotate(.5deg)}to{filter:blur(2px);transform:scale(1) rotate(-.5deg)}}.darkModeButton,.homeButton{align-items:center;background:none;border:none;border-radius:50%;color:var(--secondary-color);cursor:pointer;display:flex;font-size:medium;height:50px;justify-content:center;position:fixed;width:50px;z-index:2}.homeButton{left:10px;top:10px}.darkModeButton{right:10px;top:10px}.section{width:100%;z-index:1}.section-loader{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}@media screen and (max-width:1024px){.homeBackgroundName{margin-bottom:70px}}@media screen and (max-width:768px){.homeButton{left:15px}.darkModeButton,.homeButton{height:40px;top:15px;width:40px}.darkModeButton{right:15px}.navbarContainer{bottom:20px}.homeBackgroundName{font-size:20vw;margin-bottom:50px}}.navbar{background:var(--secondary-color);border-radius:100px;color:var(--primary-color);cursor:pointer;overflow:hidden;padding:12px 50px}.navLinkContainer,.navbar{align-items:center;display:flex;justify-content:center}.navLinkContainer{gap:50px}.navLink{font-size:small;letter-spacing:1px;text-decoration:none}.navLink.active{color:var(--active-color)}@media screen and (max-width:1024px){.navbar{padding:10px 40px}.navLinkContainer{gap:40px}}@media screen and (max-width:768px){.navbar{padding:10px 30px}.navLinkContainer{gap:30px}}.home{align-items:center;background:#0000;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:30px 80px;width:100vw}.homeTitle{color:var(--secondary-color);cursor:pointer;font-size:3rem;font-weight:500;text-align:center;z-index:1}@media screen and (max-width:1024px){.home{padding:50px}.homeTitle{margin-bottom:70px}}@media screen and (max-width:768px){.home{padding:30px}.homeTitle{font-size:x-large}}.about{background:var(--teriary-color) var(--about-image) no-repeat center center /cover;gap:50px;min-height:100vh;padding:80px;width:100vw}.about,.heroLeftTextBox{align-items:center;display:flex;flex-direction:column;justify-content:center}.heroLeftTextBox{gap:10px;width:100%}.heroNameContent{cursor:pointer;position:relative}.heroTextTop{-webkit-text-stroke:1px var(--secondary-color);color:#0000}.heroText,.heroTextTop{font-size:70px;font-weight:700}.heroText{animation:textAnimation 3s ease-in-out infinite;color:var(--secondary-color);left:0;position:absolute;top:0}@keyframes textAnimation{0%,to{clip-path:polygon(0 40%,10% 45%,20% 35%,30% 45%,40% 55%,50% 70%,60% 75%,70% 70%,80% 60%,90% 50%,100% 60%,100% 100%,0 100%)}50%{clip-path:polygon(0 60%,10% 50%,20% 70%,30% 60%,40% 50%,50% 35%,60% 30%,70% 35%,80% 45%,90% 55%,100% 40%,100% 100%,0 100%)}}.heroSubText{align-items:center;color:var(--secondary-color);cursor:pointer;display:flex;font-size:medium;gap:5px;justify-content:center;margin-top:10px}.animatedHeroSubText{font-weight:500}.heroSubText .cursor{animation:blink 3s steps(1) infinite;background:currentColor;border-radius:20px;display:inline-block;height:100%;width:3px}@keyframes blink{50%{opacity:0}}.heroStatsGrid{grid-gap:20px;border:1px solid red;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:600px;width:100%}.heroStats{gap:20px;width:100%}.heroStat,.heroStats{align-items:center;border:1px solid red;display:flex;justify-content:center}.heroStat{flex-direction:column;gap:5px}.heroStatImage{border:1px solid red;height:50px;object-fit:contain;width:50px}.heroStatNumber{font-size:xx-large;font-weight:700}.heroStatLabel,.heroStatNumber{border:1px solid red;color:var(--secondary-color)}.heroStatLabel{font-size:small;font-weight:300}.welcome-features{flex-wrap:wrap;gap:30px;margin-top:30px;width:100%}.feature-card,.welcome-features{display:flex;justify-content:center}.feature-card{align-items:center;background-color:var(--teriary-color);border-radius:15px;cursor:pointer;flex-direction:column;gap:20px;padding:30px;text-align:center;width:300px}.feature-name{font-size:large;font-weight:500}.feature-description{color:var(--secondary-color);font-size:x-small;font-weight:300}.universityContainer{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center}.universityLogo{width:10%}.universityName{color:var(--secondary-color);font-size:xx-large;font-weight:700}.universityDiscription{color:var(--secondary-color);font-size:small;text-align:center}@media screen and (max-width:1024px){.about{padding:50px}.universityLogo{width:18%}}@media screen and (max-width:768px){.about{padding:30px}.heroText,.heroTextTop{font-size:40px}.heroDescription{font-size:x-small;line-height:18px}.heroSubText{font-size:small}.animatedHeroSubText{font-size:medium}.universityLogo{width:35%}}.playground{gap:80px;justify-content:flex-start;min-height:100vh;padding:70px;width:100vw}.playground,.project{align-items:center;background:var(--primary-color);display:flex;flex-direction:column}.project{border-radius:20px;gap:30px;justify-content:center;width:100%}.projectImageContainer{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;border-radius:10px;display:flex;gap:20px;justify-content:flex-start;overflow-x:auto;padding:10px;scrollbar-width:none;width:100%}.projectImageContainer::-webkit-scrollbar{display:none}.projectImage{border-radius:10px;box-shadow:0 0 10px 0 #0000001a;cursor:pointer;object-fit:cover;width:45%}.projectTitle{color:var(--secondary-color);cursor:pointer;font-size:xx-large;font-weight:600;text-align:center;width:80%}.projectDescription{font-size:small;font-weight:300;line-height:20px;margin-top:10px;text-align:center}.projectButton{align-items:center;background:var(--secondary-color);border:none;border-radius:5px;color:var(--primary-color);cursor:pointer;display:flex;font-size:small;font-weight:300;gap:10px;justify-content:center;padding:10px 20px;transition:transform .2s ease-in-out}.projectButton:hover{transform:translateY(-5px)}@media screen and (max-width:1024px){.playground{padding:40px}.projectImageContainer{border-radius:5px}.projectImage{width:90%}.projectTitle{font-size:x-large;width:100%}.projectDescription{font-size:small;line-height:18px}.projectButton:hover{transform:none}}@media screen and (max-width:768px){.playground{padding:20px}.projectImageContainer{gap:10px}.projectTitle{font-size:large}.projectDescription{font-size:x-small;line-height:18px}}.contact{background:var(--teriary-color) var(--contact-image) no-repeat center;min-height:100vh;padding:80px;width:100vw}.contact,.contactContainer{align-items:center;display:flex;justify-content:center}.contactContainer{flex-direction:column;gap:20px}.contactTextContainer{align-items:flex-start;flex-direction:column;gap:12px;width:100%}.contactText,.contactTextContainer{display:flex;justify-content:center}.contactText{align-items:center;font-size:small;font-weight:300;gap:10px;text-align:center}.contactText,.mail{color:var(--secondary-color);cursor:pointer}.mail{font-size:60px;font-weight:600}.copyEmailButton{align-items:center;background:var(--secondary-opacity-color);border:none;border-radius:50px;color:var(--primary-color);cursor:pointer;display:flex;font-size:x-small;gap:10px;justify-content:center;padding:10px 20px;transition:background .2s ease-in-out}.copyEmailButton:hover{background:var(--secondary-color)}.cv{color:var(--secondary-color);text-decoration:none;text-decoration:underline;text-underline-offset:7px;transition:all .2s ease-in-out}.cv:hover{text-underline-offset:12px}.contactLinkContainer{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}#contactLinkContainer{margin-top:50px}.contactLinkBox{align-items:center;border:1.5px dashed gray;border-radius:10px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-width:280px;padding:15px 20px;transition:transform .2s ease-in-out}#contactLinkBox1:hover{transform:translate(-5px,-5px) scale(1.05)}#contactLinkBox2:hover{transform:translate(5px,-5px) scale(1.05)}#contactLinkBox3:hover{transform:translate(-5px,5px) scale(1.05)}#contactLinkBox4:hover{transform:translate(5px,5px) scale(1.05)}.arrowIcon{color:gray;transition:transform .2s ease-in-out}.contactLinkBox:hover .arrowIcon{transform:rotate(45deg)}.contactLinkText{color:var(--secondary-color);font-size:large}@media screen and (max-width:1024px){.contact{padding:50px}.mail{font-size:45px}.copyEmailButton{background:var(--secondary-color);padding:10px 15px}.cv:hover{text-underline-offset:7px}.contactLinkBox{min-width:250px}.contactLinkText{font-size:medium}#contactLinkBox1:hover,#contactLinkBox2:hover,#contactLinkBox3:hover,#contactLinkBox4:hover,.contactLinkBox:hover,.contactLinkBox:hover .arrowIcon{transform:none}}@media screen and (max-width:768px){.contact{padding:30px}.mail{font-size:x-large}.copyEmailButton{font-size:xx-small;padding:8px 12px}.contactLinkContainer{flex-direction:column;gap:20px}#contactLinkContainer{margin-top:30px}#contactText{align-items:flex-start;flex-direction:column;gap:5px}}
/*# sourceMappingURL=main.b32400a8.css.map*/