.page-home{--accent:#33a1ff}.page-about{--accent:#ffc300}.page-contact{--accent:#13ab13}.page-work{--accent:#ffc107}*{-webkit-user-drag:none;margin:0;padding:0}body{align-items:center;background-color:#0f0f10;background-color:var(--background);font-family:Roboto,sans-serif;justify-content:center;overflow-x:hidden}.hex-bg-blue{background-repeat:no-repeat;background-size:cover;clip-path:circle(0 at 50% 50%);z-index:-1}.blue-instance1,.blue-instance2,.blue-instance3{animation:hex-bg-animation-center 4s ease-in-out forwards}.blue-instance1{background-image:radial-gradient(ellipse at 0 0,#0000,#0f0f10 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);background-image:radial-gradient(ellipse at 0 0,#0000,var(--background) 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);height:50%;left:-10px;position:absolute;top:0;width:40%}.blue-instance2{background-image:radial-gradient(#0000,#0f0f10 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);background-image:radial-gradient(#0000,var(--background) 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);height:50%;position:absolute;right:0;top:10%;width:30%}.blue-instance3{background-image:radial-gradient(ellipse at 50% 50%,#0000,#0f0f10 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);background-image:radial-gradient(ellipse at 50% 50%,#0000,var(--background) 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);height:35%;left:20%;position:absolute;top:60%;width:35%}nav{align-items:center;background-color:#0f0f10;background-color:var(--background);box-shadow:0 2px 5px #00000080;justify-content:flex-end;padding:1%;position:fixed;right:0;top:0;width:100%;z-index:1000}.navMenu,nav{display:flex;margin:0}.navMenu{justify-content:space-around;list-style-type:none;max-width:300px;padding:0;width:30%}.li-nav{font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium);font-weight:700}a{text-decoration:none}.toggleMenu{background:none;border:none;display:none;font-size:clamp(1.5rem,3vw,3rem);font-size:var(--bigger);padding:1%}@media (max-width:900px){.not-visible{align-items:start;display:none;flex-direction:column;width:fit-content}.visible{display:flex}.nav-visible,.visible{align-items:start;flex-direction:column;gap:1em;width:fit-content}.nav-visible{height:100%;justify-content:start;padding-right:10%}.nav-not-visible{width:fit-content}.toggleMenu{display:block}}a:hover{border-color:var(--accent);color:var(--accent);object{filter:brightness(0) saturate(100%) invert(53%) sepia(64%) saturate(6539%) hue-rotate(190deg) brightness(108%) contrast(94%)}}.title-container{align-items:center;display:flex;justify-content:space-between;justify-self:center;margin-top:10vh;min-height:clamp(6rem,45vw,45rem);position:relative;width:85vw;z-index:1}.profile{height:fit-content;max-width:25vw}.title-text-container{align-self:flex-start;max-width:50%;min-width:50vw}.header-name{color:var(--accent);font-size:clamp(1rem,4vw,4rem)}.header-text{font-size:clamp(1rem,10vw,10rem);line-height:clamp(1rem,10vw,10rem);margin-top:0}@keyframes blink{50%{opacity:0}}.one-liner{font-size:clamp(1rem,2.5vw,2.5rem);font-size:var(--big);font-weight:700;margin:5em;max-width:700px;position:relative;width:70%;z-index:1}.one{align-self:center}.two{align-self:self-start}.section-container1{background-color:#0f0f10;background-color:var(--background);display:flex;margin:auto;max-width:2000px;width:95vw}.wrapper{height:fit-content;position:relative;width:100%}.section-text-container1{display:flex;flex-direction:column;float:right;position:relative;z-index:1}.blue-instance4{animation-timeline:view();animation-range-start:entry;animation-range-end:contain 60%;animation:hex-bg-animation-left-to-right ease-in-out forwards;background-image:radial-gradient(ellipse at 0 50%,#0000,#0f0f10 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);background-image:radial-gradient(ellipse at 0 50%,#0000,var(--background) 70%),url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);flex-shrink:0;height:80%;position:absolute;top:10%;width:40%;z-index:0}.section-title{align-self:end;font-size:clamp(1.5rem,3vw,3rem);font-size:var(--bigger);max-width:1000px}.section-text-container1>div{align-self:center;display:flex;flex-direction:column;margin:clamp(5rem,8vw,7em) 0;max-width:90%}.section-text{display:flex;font-size:clamp(1rem,1vw,1rem);font-size:var(--small);gap:2em;justify-content:space-between;margin-bottom:20px}.section-text>p{max-width:390px}.section-text-container1>.section-title{padding-left:10px;padding-right:10px;text-indent:10em}.section-info{align-items:center;display:flex;gap:clamp(1rem,1.5vw,1.5rem);gap:var(--medium);justify-content:space-between;margin-top:clamp(1.5rem,3vw,3rem);margin-top:var(--bigger)}.section-info>div{display:flex;flex-direction:column}.number-label{font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium)}.number{font-size:4em}@media (max-width:649px){.section-text{align-items:center;flex-direction:column}.section-info{align-items:start;flex-direction:column}.section-text-container1>.section-title{text-indent:3rem}}.projects-container{align-items:end;display:flex;flex-direction:column;justify-content:center;margin:5em auto clamp(1.5rem,3vw,3rem);margin:5em auto var(--bigger) auto;width:80vw}.projects-container>.section-title{align-self:flex-end}.projects-grid-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(clamp(300px,50vw,36em),1fr));place-items:center;width:80vw}.project-container>div{align-items:center;display:flex;flex-direction:column;height:60vw;max-height:33em;max-width:35em;width:60vw}.project-image{animation-timeline:view();animation-range-end:entry;animation:image-animation ease-in forwards;background-color:#060606;background-color:var(--primary);border-radius:30px;height:100%;object-fit:cover;opacity:0;rotate:3deg;scale:.5;transition:transform .3s;width:100%}.project-container p{font-size:clamp(1rem,2.5vw,2.5rem);font-size:var(--big);margin-top:30px}.project-container{margin-top:5em;text-decoration:none}.project-image:hover{box-shadow:.5em .5em .5em #00000080;transform:rotate(5deg) scale(1.1)}.section-container2{align-items:center;display:flex;justify-content:space-between;width:clamp(300px,95vw,2000px)}.section-text-container2{float:right;position:relative;width:clamp(350px,70vw,2000px);z-index:1}.section-text-container2>.section-title{justify-self:flex-end;text-align:end}.skills-text-container{grid-column-gap:20px;border-top:1px solid var(--accent);column-gap:20px;display:grid;grid-template-columns:1fr 2fr 2fr;margin-top:5em;place-items:center;width:(200px,70vw,2000px)}.skill{display:block;font-size:clamp(1rem,2.5vw,2.5rem);font-size:var(--big);justify-self:start;text-align:start}.use{font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium)}.contact-container{display:flex;margin:clamp(5em,20vw,20em) auto;max-width:1500px;position:relative;width:90vw}.contact-text-container{display:flex;flex-direction:column;justify-content:center;margin:10vw 0;max-width:600px;min-width:300px;position:relative;z-index:1}.contact-title{font-size:clamp(1.5rem,3vw,3rem);font-size:var(--bigger)}.contact-text{font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium);margin:2em 0;width:80%}.blue-instance5{animation-timeline:view();animation-range-end:cover 60%;animation-range-start:entry 60%;align-self:center;animation:hex-bg-animation-center ease-in forwards;background-image:url(/portfolio/static/media/hex_bg_blue.7c38c537c6430e36323e.svg);background-size:cover;border-radius:100%;height:40vw;position:absolute;right:0;width:40vw}.link{align-items:center;border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--text);display:flex;font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium);text-decoration:none;width:fit-content}.link>*{height:1em;margin-right:4px}footer{background-color:#060606;background-color:var(--primary);display:flex;justify-content:space-around;width:100%}footer>div{display:flex;flex-direction:column;justify-content:center;padding:5%}.footer-title>h4{font-size:clamp(1rem,2.5vw,2.5rem);font-size:var(--big)}.footer-title>p{font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium)}.footer-links>h4{font-size:clamp(1rem,2.5vw,2.5rem);font-size:var(--big)}.footer-data>*{justify-content:center}.footer-data>*,.footer-links>a{align-items:center;display:flex}.footer-links>a{font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium);text-decoration:none}object{width:1rem}@keyframes image-animation{to{opacity:1;rotate:0deg;scale:1}}@keyframes hex-bg-animation-center{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}@keyframes hex-bg-animation-left-to-right{0%{clip-path:ellipse(0 100% at 0 50%)}to{clip-path:ellipse(100% 100% at 0 50%)}}.technologies-container{columns:270px;gap:20px;margin:var(--bigger) auto;margin-bottom:calc(var(--bigger)*3);position:relative;width:clamp(200px,81vw,1400px);z-index:20px}.technology-container{align-items:center;background-color:var(--primary);border-radius:20px;box-shadow:3px 3px 3px var(--primary);break-inside:avoid;display:flex;margin:0 auto 20px;max-width:60vw;min-width:200px;padding:10px;page-break-inside:avoid}.technology-image{aspect-ratio:1/1;border-radius:20px;margin-right:20px;object-fit:contain;padding:10px;width:clamp(40px,15vw,90px)}.technology-name{font-size:var(--medium)}.technology-description{font-size:var(--small)}.about-container{height:100vh;margin:0 auto;max-width:2000px;position:relative}.about-me-text{max-width:min(80%,630px);padding:20px;position:absolute;right:10%;top:clamp(10%,30vw,50%);transform:translateY(-50%);z-index:1}.heading{font-size:var(--bigger);margin-bottom:.5em}.heading>*{color:#ffc107;font-size:inherit}.about-me-text p{display:block;font-size:clamp(.5rem,3.3vw,1.5rem);margin-bottom:1em}.hex-bg-yellow{background-image:url(/portfolio/static/media/hex_bg_yellow.7200fa707c4533e16707.svg);background-repeat:no-repeat;background-size:cover;border-radius:100%;height:clamp(250px,40vw,800px);margin:5vw;width:clamp(250px,40vw,800px)}.image-container{max-width:800px}.image-container,.profile-image{bottom:0;left:0;position:absolute}.profile-image{height:clamp(200px,50vw,700px);object-fit:cover;width:clamp(200px,40vw,700px)}@media (max-width:837px){.about-container{display:flex;justify-content:center}.about-me-text{position:static;transform:none}}:root{--text:#e8eaed;--background:#0f0f10;--primary:#060606;--secondary:#165d93;--accent:#13ab13;--bigger:clamp(1.5rem,3vw,3rem);--big:clamp(1rem,2.5vw,2.5rem);--medium:clamp(1rem,1.5vw,1.5rem);--small:clamp(1rem,1vw,1rem)}*{color:#e8eaed;color:var(--text);font-size:clamp(1rem,1vw,1rem);font-size:var(--small)}.hex-bg-green{animation:hex-bg-animation-center 4s ease-in-out forwards;background-image:url(/portfolio/static/media/hex_bg_green.ffa43eba5064f7e60ba7.svg);background-repeat:no-repeat;background-size:cover;border-radius:100%;height:max(30vh,30vw);position:absolute;width:max(30vh,30vw);z-index:-1}.green-instance1{left:-10%;top:-10%}.green-instance2{right:-5vw;top:5vw}.green-instance3{bottom:-25vh;left:10%}.green-instance4{align-self:center;height:10vw;justify-self:center;width:10vw}@media (max-width:469px){.green-instance1{display:none}}.contact-form-container{display:grid;margin:0;min-height:100vh;min-width:100%;overflow:hidden;place-items:center;position:relative}.contact-form{background-color:#27272790;border-radius:30px;display:flex;justify-content:space-between;min-height:600px;padding:clamp(10px,5vw,40px);width:clamp(200px,80vw,900px)}.text{align-items:center;display:flex;flex:1 0 auto;flex-direction:column}.heading{font-size:calc(clamp(1.5rem, 3vw, 3rem)*1.5);font-size:calc(var(--bigger)*1.5)}.plane{flex:1 1 auto;width:50%}.form-container{align-items:center;gap:3vh;justify-content:space-between;width:fit-content}.form,.form-container{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%}.form{border-radius:30px;height:90%;min-height:40vh;padding:clamp(10px,5vw,30px)}.form,.submit-button{background-color:#0d0d0d;outline:2px solid #13ab13;outline:2px solid var(--accent)}.submit-button{border:none;border-radius:20px;cursor:pointer;font-size:clamp(1rem,1.5vw,1.5rem);font-size:var(--medium);overflow:hidden;padding:20px 0;position:relative;text-align:center;transition:all .3s cubic-bezier(.23,1,.32,1);width:80%}.submit-button:before{background-color:#13ab13;background-color:var(--accent);border-radius:20%;content:"";height:100%;inset:0;margin:0;position:absolute;scale:0;transition:all .6s cubic-bezier(.23,1,.32,1);width:100%;z-index:-1}.submit-button:hover:before{scale:3}.submit-button:hover{box-shadow:0 0 20px #13ab13;box-shadow:0 0 20px var(--accent);color:#212121;scale:1.1}.submit-button:active{scale:1}.inline{border-bottom:2px solid #13ab13;border-bottom:2px solid var(--accent);display:flex;margin-bottom:min(5vh,20px)}input{margin-left:10px}input,textarea{background:none;border:none}textarea{flex:1 1 auto;resize:none;scrollbar-color:#13ab13 #0f0f10;scrollbar-color:var(--accent) var(--background)}@media (max-width:650px){.contact-form{align-items:center;flex-direction:column;width:fit-content}.form-container{flex:1 1 auto}.text{align-items:center;display:flex;flex:0 1;flex-direction:row;justify-content:center;padding:10%}.plane{max-width:80px;width:20%}}:root{--gradient-pssst:linear-gradient(90deg,#386fa4 40%,#01161e);--gradient-mycookbook:linear-gradient(90deg,#e0b51c 40%,#d5d5d5);--gradient-gallery:linear-gradient(90deg,#cf7850 40%,#a9acac)}.project-page-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto clamp(20px,10vw,70em);width:clamp(200px,81vw,2000px)}.project-heading{align-items:center;-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;font-size:calc(var(--bigger)*1.5);height:85vh;justify-content:center;text-align:center}.pssst{background-image:linear-gradient(90deg,#386fa4 40%,#01161e);background-image:var(--gradient-pssst)}.mycookbook{background-image:linear-gradient(90deg,#e0b51c 40%,#d5d5d5);background-image:var(--gradient-mycookbook)}.gallery{background-image:linear-gradient(90deg,#cf7850 40%,#a9acac);background-image:var(--gradient-gallery)}.arrow-down{height:15vh;margin:auto;width:var(--bigger)}.all-info{align-items:center;display:flex;flex-direction:column;gap:var(--bigger);margin:calc(var(--bigger)*1.5) auto;width:clamp(200px,81vw,2000px)}.sub-heading{font-size:var(--medium);width:clamp(150px,100%,800px)}.list-heading{font-size:var(--medium);margin-bottom:20px}.list-data{font-size:var(--small);list-style-position:inside;margin-bottom:10px}.image{border-radius:10px;margin:0 auto;width:clamp(150px,40vw,500px)}.list-and-image-container{display:flex;gap:30px}.list-container{display:flex;flex-direction:column;justify-content:space-around}@media (max-width:569px){.list-and-image-container{flex-direction:column}}.gallery-image{border-radius:10px;margin:0 auto;width:clamp(200px,100%,1000px)}.vertical{max-width:300px}.all-project-text-container{column-count:min(80vw,400px);gap:var(--bigger);margin-top:calc(var(--bigger)*2);width:clamp(200px,81vw,1500px)}.project-text-container{background-color:var(--primary);border-radius:15px;break-inside:avoid;display:flex;flex-direction:column;gap:var(--small);margin-bottom:var(--bigger);padding:20px;page-break-inside:avoid}.project-text{font-size:var(--medium);width:100%}.mycookbook-image{background-color:var(--primary);border-radius:15px;margin-bottom:var(--bigger);max-width:100%}
/*# sourceMappingURL=main.fe69174d.css.map*/