body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100%}:root{--background-light:#fff;--background-dark:#323753;--box-shadow-light:17px 17px 34px #c2c2c2,-17px -17px 34px #fff;--box-shadow-dark:17px 17px 34px #2b2f47,-17px -17px 34px #3a3f5f;--box-shadow-pressed-light:inset 17px 17px 34px #d9d9d9,inset -17px -17px 34px #fff;--box-shadow-pressed-dark:inset 17px 17px 34px #2b2f47,inset -17px -17px 34px #3a3f5f;--icons-spacing:0px;--icon-size:22px;--breakpoint-phone:600px;--breakpoint-tablet:960px}.App{text-align:center;min-height:100%;height:100%;transition:background .5s ease}header{height:60px;width:100%;position:fixed;display:none;flex-direction:column;justify-content:center;align-content:center;margin-bottom:60px}header>button{position:absolute;left:0;padding-left:20px}header>h1{font-size:14pt;text-transform:capitalize}footer{bottom:0;height:60px;width:100%;position:fixed;display:none;flex-direction:column;justify-content:center}footer,footer>nav{align-content:center}footer>nav{display:flex;flex-direction:row;justify-content:space-around;height:100%;padding-top:5px;padding-bottom:5px}footer>nav>button{width:50px}header.dark{background:#323753;box-shadow:11px 11px 22px #2b2f47,-11px -11px 22px #3a3f5f}header.light{background:#fff;box-shadow:11px 11px 22px #e0e0e0,-11px -11px 22px #fff}footer.dark{background:#323753;box-shadow:0 -8px 10px #2b2f47,0 -8px 10px #3a3f5f}footer.light{background:#fff;box-shadow:0 -8px 10px #e0e0e0,0 -8px 10px #fff}footer>nav>button.pressed{border-radius:10px}footer.light>nav>button.pressed{background:#fff;box-shadow:inset 5px 5px 15px #d9d9d9,inset -5px -5px 15px #fff}footer.dark>nav>button.pressed{background:#323753;box-shadow:inset 5px 5px 15px #2b2f47,inset -5px -5px 15px #3a3f5f}.App>.content{height:100%;text-align:center;display:flex;overflow:hidden}.made-by{font-size:12pt;color:transparent;font-family:"Poppins",sans-serif;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;box-shadow:none!important;align-self:flex-end;position:absolute;background:none;padding:5px;border-radius:5px}@media only screen and (max-width:1040px){.made-by{font-size:10pt}}.made-by.light{background-color:#fff;text-shadow:-1px -1px 0 #c2c2c2,1px 1px 0 #fff}.made-by.dark{background-color:#323753;text-shadow:-1px -1px 0 #2b2f47,1px 1px 1px #3a3f5f}aside{flex:1 1;min-height:100%;min-width:60px;width:60px;max-width:60px;display:flex;flex-direction:column;padding-top:20px;padding-bottom:20px;transition:background .5s ease}aside,main{height:100%}main{flex:10 1;overflow-y:auto}.sidebar-light{background:#fff;box-shadow:11px 11px 22px #e0e0e0,-11px -11px 22px #fff}.sidebar-dark{background:#323753;box-shadow:11px 11px 22px #2b2f47,-11px -11px 22px #3a3f5f}.sidebar-sections{flex:6 1;display:flex;flex-direction:column;justify-content:center}.sidebar-sections>button{margin-top:15px;margin-bottom:15px}.icon{width:100%;height:40px;margin-top:0;margin-top:var(--icons-spacing);margin-bottom:0;margin-bottom:var(--icons-spacing);cursor:pointer}.social{padding-top:30px;padding-bottom:30px;flex:2 1;display:flex;flex-direction:column;justify-content:flex-end}.social>button{margin-top:10px;margin-bottom:10px}.icon>img{width:22px;width:var(--icon-size);height:22px;height:var(--icon-size)}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:none}button::-moz-focus-inner{border:0}button:focus{border:0}button:focus-within{border:0}button>a:focus{border:0;outline:none}.sidebar-icon{width:100%;height:20px;background:url(/icons/home.svg)}@media only screen and (max-width:600px){footer,header{display:flex}aside{display:none}main>section>:first-child{display:none!important}.made-by{bottom:70px;left:10px;background:none}}@media only screen and (min-width:600px){.feather.light:hover{stroke:#00b2b3}.feather.dark:hover{stroke:#0ff}main>section>:first-child{display:flex!important}.made-by{bottom:20px;right:20px}}.home{width:100%;height:100%;display:flex;flex-direction:row}.home>:first-child{flex:1 1;height:100%;display:flex;justify-content:center;align-items:center}.introduction{height:30vw;width:35vw;text-align:left}.introduction>.quote{margin-top:2.5vw}.introduction.light>span{color:transparent;text-shadow:-1px -1px 0 #d9d9d9,1px 1px 1px #f0f0f0}.introduction.dark>span{text-shadow:-1px -1px 1px #2b2f47,1px 1px 2px #3a3f5f}.introduction>h1{font-size:12pt;color:#fff;font-family:"Poppins",sans-serif;text-shadow:inset 20px 20px 60px #2b2f47,inset -20px -20px 60px #3a3f5f;margin-top:20px;margin-bottom:20px}.introduction>span{font-size:5vw;color:transparent;font-family:"Poppins",sans-serif;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.introduction>p{font-family:"Open Sans",sans-serif;font-size:2vw}.introduction>h2{font-size:2vw;margin-top:30px}.home>:nth-child(2){flex:1 1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home>:nth-child(2)>.logo-button{border-radius:50px;width:30vw;height:30vw}.home>:nth-child(2)>.cv-button,.home>:nth-child(2)>.logo-button{background:var(--background-light);box-shadow:var(--box-shadow-light);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:box-shadow 1s ease-in-out}.home>:nth-child(2)>.cv-button{border-radius:20px;width:4vw;height:4vw;align-self:flex-end;bottom:1.5vw;margin-right:1.5vw;position:absolute}.home>:nth-child(2)>.cv-button.dark{background:var(--background-dark);box-shadow:var(--box-shadow-dark)}.home>:nth-child(2)>.cv-button>svg{width:40%}.home>:nth-child(2)>.pressed{box-shadow:var(--box-shadow-pressed-light)}.home>:nth-child(2)>.logo-button>img{width:75%;transition:width .1s ease-in-out}.home>:nth-child(2)>.pressed>img{width:72%}.home>:nth-child(2)>.pressed>svg{width:38%}.home>:nth-child(2)>.dark{background:var(--background-dark);box-shadow:var(--box-shadow-dark)}.home>:nth-child(2)>.dark.pressed{box-shadow:var(--box-shadow-pressed-dark)}@media only screen and (max-width:600px){.home{flex-direction:column-reverse}.home>:first-child{display:inherit!important;height:50%;max-height:50%;align-items:flex-start;display:flex;justify-content:center}.introduction{margin-top:-20px;width:50%}.introduction>span{font-size:30pt}.introduction>p{font-size:12pt;width:200px}.home>:nth-child(2){height:50%;max-height:50%}.home>:nth-child(2)>.logo-button{margin-top:15vw;border-radius:25px;width:60vw;height:60vw;background:none;box-shadow:none}}.about{width:100%;height:100%;display:flex;flex-direction:row;font-size:20pt}.about>:first-child{flex:1 1;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.about>:first-child>span{font-size:8vw;color:transparent;font-family:"Poppins",sans-serif;background-color:#323753;text-shadow:-1px -1px 2px #2b2f47,1px 1px 2px #3a3f5f;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.about.light>:first-child>span{background-color:#fff;text-shadow:-1px -1px 0 #d9d9d9,1px 1px 1px #f0f0f0}.about.dark>:first-child>span{background-color:#323753;text-shadow:-1px -1px 1px #2b2f47,1px 1px 1px #3a3f5f}.about>:nth-child(2){flex:1 1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.about>:nth-child(2)>div{padding-right:5vw;padding-left:5vw}.about>:nth-child(2)>div>p{font-family:"Open Sans",sans-serif;font-size:13.5pt;text-align:justify;text-justify:auto}@media only screen and (max-width:1040px){.about>:nth-child(2)>div>p{font-size:10pt}}.skills{width:100%;height:100%;display:flex;flex-direction:row;font-size:20pt}.skills>:first-child{flex:1 1;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.skills>:first-child>span{font-size:8vw;color:transparent;font-family:"Poppins",sans-serif;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.skills.light>:first-child>span{background-color:#fff;text-shadow:-1px -1px 0 #d9d9d9,1px 1px 1px #f0f0f0}.skills.dark>:first-child>span{background-color:#323753;text-shadow:-1px -1px 1px #2b2f47,1px 1px 1px #3a3f5f}.skills>:nth-child(2){flex:1 1;display:flex;flex-direction:column}.description{flex:1 1;flex-direction:column}.description,.description>div{display:flex;align-items:center;justify-content:center}.description>div{width:60%;min-width:60%;height:80%;border-radius:20px;overflow-y:auto;scrollbar-color:transparent transparent;scrollbar-width:thin;flex-direction:column;text-align:justify}.description.dark>div{background:var(--background-dark);box-shadow:var(--box-shadow-dark)}.description.light>div{background:var(--background-light);box-shadow:var(--box-shadow-light)}.description>div>p{font-family:"Open Sans",sans-serif;font-size:14pt;text-align:justify;text-justify:inter-word;padding-left:60px;padding-right:60px}.sections{flex:1 1;display:flex}.sections>div{flex:1 1;background:red;margin:25px;border-radius:20px;height:350px}.sections>div>h2{font-size:27pt;color:transparent;font-family:"Poppins",sans-serif;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.sections>div>ul{list-style:none;font-family:"Open Sans",sans-serif;margin-left:10%;margin-right:10%;text-align:left;font-size:14pt}.sections>div>ul>li:before{margin-bottom:5px;content:"\2022";font-weight:700;display:inline-block;width:20px;margin-left:-2em}.sections.dark>div{background:var(--background-dark);box-shadow:10px 10px 20px #2b2f47,-10px -10px 20px #3a3f5f}.sections.light>div{background:var(--background-light);box-shadow:var(--box-shadow-light)}.sections.dark>div>h2{background-color:#323753;text-shadow:-1px -1px 0 #2b2f47,1px 1px 2px #3a3f5f}.sections.light>div>h2{color:#323753;background-color:#fff;text-shadow:-1px -1px 0 #d9d9d9,1px 1px 1px #f0f0f0}.sections.dark>div>ul>li:before{color:#2b2f47;text-shadow:-1px -1px 0 #2b2f47,1px 1px 2px #3a3f5f}.sections.light>div>ul>li:before{color:#d9d9d9;text-shadow:-1px -1px 0 #d9d9d9,1px 1px 1px #f0f0f0}.projects{width:100%;height:100%;display:flex;flex-direction:row;font-size:20pt}.projects>:first-child{flex:1 1;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.projects>:first-child>span{font-size:8vw;color:transparent;font-family:"Poppins",sans-serif;background-color:#323753;text-shadow:-1px -1px 2px #2b2f47,1px 1px 2px #3a3f5f;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.projects.light>:first-child>span{background-color:#fff;text-shadow:-1px -1px 0 #d9d9d9,1px 1px 1px #f0f0f0}.projects.dark>:first-child>span{background-color:#323753;text-shadow:-1px -1px 1px #2b2f47,1px 1px 1px #3a3f5f}.projects>:last-child{height:100%}.projects>:last-child,.projects>:last-child>:first-child{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects>:last-child>:first-child{width:100%;max-width:100%;height:60%;max-height:60%}.projects>:last-child>:first-child>.display{height:80%;width:80%;border-radius:50px;overflow-y:auto;scrollbar-color:transparent transparent;scrollbar-width:thin}.projects>:last-child>:first-child>.display>h1{font-size:24pt}.projects>:last-child>:first-child>.display>p{font-family:"Open Sans",sans-serif;font-size:14pt;text-align:justify;text-justify:inter-word;padding-left:60px;padding-right:60px}.projects.dark>:last-child>:first-child>.display{background:var(--background-dark);box-shadow:var(--box-shadow-dark)}.projects.light>:last-child>:first-child>.display{background:var(--background-light);box-shadow:var(--box-shadow-light)}.projects>:last-child>:last-child{width:100%;max-height:40%;flex:1 1;flex-flow:wrap;display:flex;flex-direction:row;align-content:flex-start;justify-content:space-around;align-items:flex-start}.projects>:last-child>:last-child>.project{-webkit-appearance:none;height:120px;width:120px;border-radius:20px;margin:1vw;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.projects>:last-child>:last-child>.project>div{width:80px;height:80px}.projects>:last-child>:last-child>.project>div>div>span{font-size:18pt}.projects>:last-child>:last-child>.project>div>div>h4{font-size:12pt;margin-top:10px}.projects>:last-child>:last-child>.project>:last-child{margin-bottom:0}.projects.dark>:last-child>:last-child>.project{background:var(--background-dark);box-shadow:10px 10px 30px #2b2f47,-10px -10px 30px #3a3f5f}.projects.dark>:last-child>:last-child>.project.pressed{box-shadow:var(--box-shadow-pressed-dark)}.projects.light>:last-child>:last-child>.project{background:var(--background-light);box-shadow:var(--box-shadow-light)}.projects.light>:last-child>:last-child>.project.pressed{box-shadow:var(--box-shadow-pressed-light)}.project-icon{cursor:pointer}@media only screen and (max-width:600px){.projects>:last-child>:first-child>.display{height:70vw;width:100%;border-radius:20px;margin-top:60px}.projects>:last-child{padding-left:30px;padding-right:30px}.projects>:last-child>:last-child{width:80%;max-height:40%;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.projects>:last-child>:last-child>.project{margin-top:10px;height:90px;width:90px;margin-bottom:10px}.projects>:last-child>:last-child>.project>div>div{display:flex;align-content:center;justify-content:center}.projects>:last-child>:last-child>.project>div>div>span{font-size:25pt;padding-top:25%}.projects>:last-child>:last-child>.project>div>div>h4{font-size:10pt;display:none}.projects.dark>:last-child>:last-child>.project{box-shadow:10px 10px 30px #2b2f47,-10px -10px 30px #3a3f5f}.projects.dark>:last-child>:last-child>.project.pressed{box-shadow:inset 8px 8px 10px #2b2f47,inset -8px -8px 10px #3a3f5f}.projects.light>:last-child>:last-child>.project{box-shadow:8px 8px 10px #c2c2c2,-8px -8px 10px #fff}.projects.light>:last-child>:last-child>.project.pressed{box-shadow:inset 8px 8px 10px #d9d9d9,inset -8px -8px 10px #fff}}@media only screen and (max-width:1200px){.projects>:last-child>:last-child{width:100%;max-height:45%;align-items:flex-start;align-content:flex-start;justify-content:space-evenly}.projects>:last-child>:first-child>.display>h1{font-size:14pt}.projects>:last-child>:first-child>.display>p{font-size:9pt;padding-left:30px;padding-right:30px}.projects>:first-child{flex:4 1}.projects>:first-child>span{font-size:60px}.projects>:last-child{flex:5 1}}:root{--contact-input-height:5vh;--contact-input-height-mobile:40px;--input-border-radius:5px}.contact{width:100%;height:100%;display:flex;flex-direction:row;font-size:18pt}.contact>:first-child{flex:1 1;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact>:first-child>span{font-size:8vw;color:transparent;font-family:"Poppins",sans-serif;background-color:#323753;text-shadow:-1px -1px 2px #2b2f47,1px 1px 2px #3a3f5f;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.contact.light>:first-child>span{background-color:#fff;text-shadow:-1px -1px 0 #d9d9d9,1px 1px 1px #f0f0f0}.contact.dark>:first-child>span{background-color:#323753;text-shadow:-1px -1px 1px #2b2f47,1px 1px 1px #3a3f5f}.contact>:nth-child(2){flex:1 1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact>:nth-child(2)>:first-child{border-radius:50px;width:80%;background:var(--background-dark);box-shadow:var(--box-shadow-dark);display:flex;justify-content:center;align-items:center;transition:box-shadow 1s ease-in-out}.contact>:nth-child(2)>button{margin-top:30px;margin-right:5px;border-radius:5px;border-radius:var(--input-border-radius);align-self:flex-end;width:60px;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact.dark>:nth-child(2)>button{color:#fff;background:linear-gradient(145deg,#363b59,#2d324b);box-shadow:9px 9px 20px #282c42,-9px -9px 20px #3c4264}.contact.light>:nth-child(2)>button{color:#323753;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:9px 9px 20px #a1a1a1,-9px -9px 20px #fff}.contact.dark>:nth-child(2)>:first-child{background:var(--background-dark);box-shadow:var(--box-shadow-dark)}.contact.light>:nth-child(2)>:first-child{background:var(--background-light);box-shadow:var(--box-shadow-light)}.contact>:nth-child(2)>:first-child>form{margin:auto;width:85%;max-width:85%;display:flex;flex-direction:column}.details{flex:1 1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.details>input{-webkit-appearance:none;border:none;padding-left:20px;width:40%;height:5vh;height:var(--contact-input-height);border-radius:5px;border-radius:var(--input-border-radius);font-family:"Open Sans",sans-serif;font-size:12.5pt;text-align:justify;text-justify:auto;margin-bottom:20px}.contact.dark>:nth-child(2)>:first-child>form>.details>input{color:#fff;background:#323753;box-shadow:inset 10px 10px 20px #2b2f47,inset -10px -10px 20px #3a3f5f}.contact.light>:nth-child(2)>:first-child>form>.details>input{color:#323753;background:#fff;box-shadow:inset 10px 10px 20px #d9d9d9,inset -10px -10px 20px #fff}.contact>:nth-child(2)>:first-child>form>input{border:none;height:5vh;height:var(--contact-input-height);margin-bottom:20px;border-radius:5px;border-radius:var(--input-border-radius);font-size:12.5pt}.contact>:nth-child(2)>:first-child>form>input,.contact>:nth-child(2)>:first-child>form>textarea{-webkit-appearance:none;padding-left:20px;font-family:"Open Sans",sans-serif;text-align:justify;text-justify:auto}.contact>:nth-child(2)>:first-child>form>textarea{resize:none;border-radius:10px;border:none;padding-top:20px;font-weight:700;margin-bottom:4vh;height:15vh;height:calc(var(--contact-input-height)*3);font-size:12pt}.contact>:nth-child(2)>:first-child>form>button{font-weight:700;align-self:flex-end;border-radius:5px;border-radius:var(--input-border-radius);width:7vh;height:7vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact.dark>:nth-child(2)>:first-child>form>input{color:#fff;background:#323753;box-shadow:inset 10px 10px 20px #2b2f47,inset -10px -10px 20px #3a3f5f}.contact.light>:nth-child(2)>:first-child>form>input{color:#323753;background:#fff;box-shadow:inset 10px 10px 20px #d9d9d9,inset -10px -10px 20px #fff}.contact.dark>:nth-child(2)>:first-child>form>textarea{color:#fff;background:#323753;box-shadow:inset 10px 10px 20px #2b2f47,inset -10px -10px 20px #3a3f5f}.contact.light>:nth-child(2)>:first-child>form>textarea{color:#323753;background:#fff;box-shadow:inset 10px 10px 20px #d9d9d9,inset -10px -10px 20px #fff}.contact.dark>:nth-child(2)>:first-child>form>button{color:#fff;background:linear-gradient(145deg,#363b59,#2d324b);box-shadow:9px 9px 20px #282c42,-9px -9px 20px #3c4264}.contact.light>:nth-child(2)>:first-child>form>button{color:#323753;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:9px 9px 20px #a1a1a1,-9px -9px 20px #fff}@media only screen and (max-width:600px){.contact>:nth-child(2){padding-left:8%;padding-right:8%}.contact>:nth-child(2)>:first-child{border-radius:20px;width:100%;padding-top:20px;padding-bottom:20px}.contact>:nth-child(2)>:first-child>form{width:90%;max-width:90%;-webkit-appearance:none}.details>input{-webkit-appearance:none;width:100%;font-family:"Open Sans",sans-serif;text-align:justify;text-justify:auto}.contact>:nth-child(2)>:first-child>form>input,.details>input{border:none;padding-left:20px;height:40px;height:var(--contact-input-height-mobile);border-radius:5px;border-radius:var(--input-border-radius);font-size:10pt}.contact>:nth-child(2)>:first-child>form>input{margin-bottom:20px}.contact>:nth-child(2)>:first-child>form>textarea{font-size:10pt;height:120px;height:calc(var(--contact-input-height-mobile)*3);margin-bottom:0}.contact>:nth-child(2)>button{margin-top:20px;align-self:flex-end}}@media only screen and (min-width:600px){.contact>:nth-child(2)>:first-child{height:75%}}
/*# sourceMappingURL=main.10c6c317.chunk.css.map */