.intro .char:hover{color:var(--primary-color);cursor:pointer;font-size:22px}.hero{flex-direction:column;justify-content:center;align-items:center;max-width:940px;height:100dvh;min-height:auto;margin:0 auto;padding-bottom:64px;display:flex;position:relative}.home .language{color:#000;cursor:pointer;z-index:5;border:1.5px solid #000;padding:10px 20px;font-size:20px;text-decoration:none;position:absolute;top:3%;right:3%}.home .language:hover{color:var(--primary-color);border-color:var(--primary-color)}.hero .name{flex-direction:row;max-width:700px;margin-bottom:20px;display:flex}.hero .name img:first-child{width:90%}.hero .hand{width:10%;animation:1.2s ease-in .6s wave}@keyframes wave{0%{transform-style:preserve-3d;transform:translate(0,0)scale(1)rotateX(0)rotateY(0)rotate(0)skew(0deg)}20%{transform-style:preserve-3d;transform:translate(0,0)scale(1)rotateX(0)rotateY(0)rotate(30deg)skew(0deg)}40%{transform-style:preserve-3d;transform:translate(0,0)scale(1)rotateX(0)rotateY(0)rotate(-30deg)skew(0deg)}60%{transform-style:preserve-3d;transform:translate(0,0)scale(1)rotateX(0)rotateY(0)rotate(30deg)skew(0deg)}80%{transform-style:preserve-3d;transform:translate(0,0)scale(1)rotateX(0)rotateY(0)rotate(-30deg)skew(0deg)}to{transform-style:preserve-3d;transform:translate(0,0)scale(1)rotateX(0)rotateY(0)rotate(0)skew(0deg)}}.intro p{text-align:center;margin-top:24px;font-size:20px;line-height:30px}.techStack{justify-content:center;align-items:center;width:100%;margin-top:40px;display:flex}.bottom{text-align:center;cursor:pointer;position:absolute;top:auto;bottom:7%}.bottom a{text-decoration:none}.bottom p{margin-bottom:10px}.bottom img{width:16px}.projects{max-width:940px;margin:0 auto;padding:0 10px}.projects a{text-decoration:none}.projects-heading{color:#101010;margin-top:48px;margin-bottom:20px;margin-left:0;padding-top:40px;padding-left:0;font-family:Recoleta,sans-serif;font-size:50px;font-weight:800}.projects .cards{grid-template-columns:1fr 1fr;gap:40px 20px;margin-bottom:60px;display:grid}.project-subheading{padding:1rem 0}.projects button{all:unset;cursor:pointer}.projects .card{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #000;border-radius:.75rem;width:100%;height:100%;min-height:300px;max-height:340px;transition:background .5s ease-in-out;position:relative;overflow:hidden}.projects .card:before{content:"";opacity:0;z-index:1;pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.projects .card-link{position:relative}.projects .tech-stack{z-index:2;opacity:0;gap:5px;width:100%;transition:top .3s ease-in-out;display:flex;position:absolute;top:0}.projects .card-link:hover .tech-stack{opacity:1;top:10px}.projects .tech-stack ul{flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;margin:0;padding:0;display:flex}.projects .tech-stack li{color:#000;background-color:#ffffff7f;border:2px solid #000;border-radius:.5rem;padding:2px 10px;list-style:none}.projects .cards p{letter-spacing:.5px;margin-bottom:20px;font-size:20px;line-height:30px}#Bloch{background-image:url(/Bloch.webp)}#VivantAura{background-image:url(/vivantAura.webp)}#VivantAura:before{background-image:url(/Projects/Pre-VivantAura.webp)}#VivantAura:hover:before{opacity:1}#Fungorium{background-image:url(/fungorium.webp)}#Fungorium:before{background-image:url(/Projects/Pre-Fungorium.webp)}#Fungorium:hover:before{opacity:1}#AndorkaVILL{background-image:url(/AndorkaVILL.webp)}#AndorkaVILL:before{background-image:url(/Projects/Pre-AndorkaVill.webp)}#AndorkaVILL:hover:before{opacity:1}#LearnJava{background-image:url(/learnJava.webp)}#LearnJava:before{background-image:url(/Projects/Pre-LearnJava.webp)}#LearnJava:hover:before{opacity:1}#ReciMe{background-image:url(/reciMe.webp)}#ReciMe:before{background-image:url(/Projects/Pre-ReciMe.webp)}#ReciMe:hover:before{opacity:1}#Quiz{background-image:url(/quiz.webp)}#Quiz:before{background-image:url(/Projects/Pre-Quiz.webp)}#Quiz:hover:before{opacity:1}#ConvertMe{background-image:url(/convertMe.webp)}#ConvertMe:before{background-image:url(/Projects/Pre-ConvertMe.webp)}#ConvertMe:hover:before{opacity:1}#EchoGPT{background-image:url(/echoGPT.webp)}#EchoGPT:before{background-image:url(/Projects/Pre1.webp)}#EchoGPT:hover:before{opacity:1}.note{max-width:940px;margin:0 auto 90px}.note a{color:#101010}@media screen and (width<=970px){.projects .cards .card{min-height:200px}}@media screen and (width<=720px){.hero .name{margin-left:10px;margin-right:10px}.projects .cards .card{min-height:120px}}@media screen and (width<=540px){.intro p{margin-top:10px;font-size:16px;line-height:24px}.projects .cards{grid-template-columns:1fr}.projects .cards .card{min-height:200px}}@media screen and (width<=360px){.hero .name{flex-direction:column;justify-content:center;align-items:center}.hero .name img:first-child{order:1;width:100%}.hero .name img:last-child{z-index:-1;width:70px;margin-bottom:-30px}.projects .cards .card{min-height:160px}}@media screen and (width<=310px){.projects .cards .card{min-height:140px}}@media screen and (width<=280px){.projects .cards .card{min-height:120px}}.technologies{max-width:940px;margin:0 auto;padding:0 10px}.technologies-list{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:space-between;align-items:center;gap:1rem;display:grid}.technology{background-color:#fff;border:2px solid #1a1a1a;border-radius:.75rem;gap:.5rem;width:100%;padding:.625rem;transition:all .3s ease-in-out;display:flex}.technology h3{margin:0;font-size:1.125rem;line-height:1.75rem}.technology p{font-size:.875rem;line-height:1.25rem}.technology-icon{aspect-ratio:1;border-radius:.5rem;max-width:56px;max-height:56px;padding:.75rem}.technology:hover .technology-icon{box-shadow:0 0 20px 4px #fff}.technology:hover{background-color:#f1f1f1}.technology-icon img{width:2rem;height:2rem}@media screen and (width<=800px){.technologies-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=540px){.technologies-list{grid-template-columns:repeat(1,minmax(0,1fr))}}.footer{background-color:#101010;height:auto;margin-top:24px}.footer p,.footer a{color:#fff;font-size:16px;text-decoration:none}.footer a:hover{color:var(--primary-color)}.footer .container{grid-template-columns:.5fr 1fr 1fr;max-width:940px;margin:0 auto;padding-top:40px;padding-bottom:140px;display:grid}.footer .socials .links,.footer .unmentioned .skills{flex-direction:column;row-gap:3px;margin-top:20px;display:flex}.footer .built{color:var(--primary-color)}.footer .built span{text-decoration:line-through}.footer .unmentioned .skills span{color:#a5a5a5}.select-lang{margin-top:25px}.select-lang a{border:1px solid #fff;padding:5px 10px}.select-lang a:hover{border:1px solid var(--primary-color);padding:5px 10px}@media screen and (width<=616px){.footer .container{grid-template-columns:1fr;gap:40px;padding-left:20px;padding-right:20px}.footer .socials .links,.footer .unmentioned .skills{margin-top:0}}.project{max-width:940px;margin:0 auto;padding-top:4vh;position:relative}.project .nav{justify-content:space-between;display:flex}.project .nav a:last-child{color:#000;cursor:pointer;border:1.5px solid #000;padding:10px 20px;font-size:20px;text-decoration:none}.project .nav a:last-child:hover{color:var(--primary-color);border-color:var(--primary-color)}.project .takeME{color:#000;text-decoration:none}.project .takeME:hover{text-decoration:underline}.project h2{margin-bottom:40px;padding-top:30px}.description{grid-row-gap:54px;grid-template-rows:auto;grid-template-columns:1.5fr 1fr;margin-top:58px;display:grid}.description .team{text-align:right}.description .team p{color:#101010;text-align:right;font-family:Inconsolata,monospace;font-size:16px}.project .main-desc{color:#101010;font-family:Dmsans,sans-serif;font-size:22px;font-weight:400;line-height:32px}.project ul li{color:#101010;opacity:.8;list-style:none}.showcaseImg{-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;height:auto;margin-top:30px;margin-bottom:30px}.website{text-align:center;color:#101010;cursor:pointer;width:min-content;margin:0 auto 100px;padding:20px 25px;font-size:1.5rem;text-decoration:none;display:flex;position:relative}.website img{width:50px;height:50px;position:absolute;bottom:-15px;right:-15px}.impact{background-color:#101010;height:auto;margin-bottom:0;padding-bottom:64px;position:relative}.impact .container{position:relative;overflow:hidden}.impact .container .semicircle{max-width:220px;max-height:250px;width:initial;height:initial;position:absolute}#topSemi{top:-20px;right:40px;rotate:-190deg}.impact .container .right-top{position:relative}.impact .container .right-top .semicircle{z-index:50;position:absolute;top:-90px;right:20px;rotate:-70deg}@media screen and (width<=650px){.impact .container .semicircle{max-width:150px;max-height:200px}.impact .container .right-top .semicircle,#topSemi{right:-10px}.impact .container .right-top .semicircle{top:-70px}}.impact .img-container-bottom{width:100%}.impact .bottomImg{width:100%;min-height:50px;margin-bottom:-90px}.container{max-width:940px;height:fit-content;margin:0 auto;padding-top:30px}.impact .points p{color:#fff;margin-top:64px;font-family:Dmsans,sans-serif;font-size:20px;line-height:20px}.impact h2{color:#fff;margin-bottom:40px}.images{grid-template-columns:1fr 1fr;grid-template-areas:"Area-1 Area-2""Area-3 Area-3""Area-6 Area-6";gap:24px;margin-top:100px;display:grid}.images .left-top,.images .right-top,.images .center,.images .right-bottom,.images .left-bottom{background-color:#1f1f1f}.images .left-top img,.images .right-top img,.images .center img,.images .right-bottom img,.images .left-bottom img{width:100%;height:100%}.images .left-top{grid-area:Area-1}.images .right-top{grid-area:Area-2}.images .center{grid-area:Area-3}.result .projects-heading{margin-bottom:100px}.numbers{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"Area-1 Area-2 Area-3""Area-4 Area-5 Area-5""Area-4 Area-5 Area-5";gap:100px 24px;margin-bottom:150px;display:grid}.numbers .number-container:first-child{grid-area:Area-1}.numbers .number-container:nth-child(2){grid-area:Area-2}.numbers .number-container:nth-child(3){grid-area:Area-3}.numbers .text-container{grid-area:Area-4}.numbers .proof{text-align:center;grid-area:Area-5}.numbers .proof p,.numbers .proof a{color:#1f1f1f}.numbers .number{color:#01a8b7;margin-bottom:30px;font-family:Dmsans,sans-serif;font-size:64px}.numbers .explanation{padding-left:10px}.numbers .proof img{width:100%;height:auto}.project-container b{color:#ececec;background-color:#424242;border-radius:.25rem;padding:.15rem .3rem;font-weight:500}@media screen and (width<=912px){.impact .bottomImg{width:150vw;margin-bottom:0}.impact .bottomImg-container{width:100%;min-height:50px;margin-bottom:-90px;overflow:hidden}.impact .projects-heading,.impact p,.impact .images{margin-left:10px;margin-right:10px}}@media screen and (width<=910px){.project,.result{padding-left:10px;padding-right:10px}}@media screen and (width<=650px){.impact .bottomImg{width:250vw}.numbers{grid-template-columns:1fr 1fr;grid-template-areas:"Area-1 Area-1""Area-2 Area-2""Area-3 Area-3""Area-4 Area-4""Area-5 Area-5";row-gap:30px}}@media screen and (width<=500px){.description{grid-template-columns:1fr}.description .team p,.description .team{text-align:left}}@media screen and (width<=325px){.impact .bottomImg{width:400vw}.project h2{padding-top:0}.projects-heading{font-size:40px}.project .main-desc{font-size:18px}.website{font-size:1.2rem}}.nextProject{justify-content:center;align-items:center;padding-bottom:40px;display:flex}.nextProject a{color:#000;justify-content:center;align-items:center;gap:20px;font-size:24px;text-decoration:none;display:flex}.nextProject a span{font-weight:600}.nextProject a img{width:15px;transition:margin-left .1s ease-in-out;transform:rotate(270deg)}.nextProject a:hover img{margin-left:10px}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-display:swap;font-family:Recoleta;font-weight:400;src:url(https://s1.wp.com/i/fonts/recoleta/400.eot);src:url(https://s1.wp.com/i/fonts/recoleta/400.eot?#iefix)format("embedded-opentype"),url(https://s1.wp.com/i/fonts/recoleta/400.woff2)format("woff2"),url(https://s1.wp.com/i/fonts/recoleta/400.woff)format("woff"),url(https://s1.wp.com/i/fonts/recoleta/400.ttf)format("truetype")}body{--primary-color:#1cf300;background-color:#fff;font-family:Inconsolata,monospace;font-size:14px;line-height:20px}h1,h2,h3,h4,h5,h6{-webkit-user-select:none;user-select:none;font-family:Recoleta,sans-serif}h2{line-height:3rem}p{color:#101010;-webkit-user-select:none;user-select:none;font-family:Inconsolata,monospace;font-weight:200}ul,li{-webkit-user-select:none;user-select:none}
