html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,UniversCondensed,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}.Content{display:grid;grid-template-rows:auto 1fr}.Container,.Content{transition:all .5s ease}.ContentWrapper{width:100vw}.ContentWrapper,.SplashText{align-items:center;display:flex;flex-direction:column}.SplashText{background-color:#f4dfc8;color:#0d0a0a;height:100%;justify-content:center;position:fixed;width:100%;z-index:9999}.Name{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:3.5vw;font-weight:700;margin-bottom:0;opacity:0}.Description{font-family:Times New Roman,Times,serif;font-size:1.5vw;margin-top:1vh;opacity:0;text-align:center}.SplashScreen{background-color:#0d0a0a;height:100%;position:fixed;width:100%}@media screen and (max-width:600px){.Name{font-size:7vw}.Description{font-size:3vw}}.Main{margin-right:0;transition:all .5s ease}.MainAnimation{align-items:center;color:#f4dfc8;display:flex;flex-direction:column;height:100vh;position:relative;transition:all .5s ease;width:100vw;z-index:2}.MainAnimationContent{display:flex;flex-direction:column;text-align:center;z-index:1000}.Dev{font-size:16vw;left:48%;letter-spacing:-.2em;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.Application,.Dev{margin:0;opacity:0;position:absolute;transition:all .5s ease;-webkit-user-select:none;user-select:none}.Application{bottom:50%;color:#f4eae0;font-family:Condensed;font-size:10vw;letter-spacing:-.1em;right:50%;transform:translate(50%,50%)}.Container{background-color:#0d0a0a;z-index:1}@font-face{font-family:Condensed;src:url(/static/media/Condensed.20240034b80f50c3ad00.ttf)}.About{align-items:center;background-color:#f4eae0;display:flex;flex-direction:row;height:100vh;justify-content:space-between;margin-right:0;width:100vw}.About,.Photo{transition:all .5s ease}.Photo{border-bottom:3px solid #0d0a0a;border-radius:0 20px 20px 0;border-right:3px solid #0d0a0a;border-top:3px solid #0d0a0a;height:38vw;padding:2px 2px 2px 0;width:25vw}.Photo:hover{transform:scale(1.1)}.AboutContent{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-right:10vw;text-align:justify;transition:all .5s ease;width:60vw}.AboutContent h1{font-family:Condensed;font-size:5vw}.AboutContent h1,.AboutContent p{color:#0d0a0a;margin:0;padding:0;text-align:center;transition:all .5s ease}.AboutContent p{font-family:Times New Roman,Times,serif;font-size:2vw;opacity:.7}.Links{align-items:center;display:flex;flex-direction:row;font-family:Condensed;font-size:1.5vw;justify-content:space-around;width:100%}.Links a{text-decoration:none;transition:all .5s ease}.Links a:after{background-color:initial;content:"";display:block;height:1px;margin:auto;transition:all .3s ease;width:0}.Links a:hover:after{background-color:#0d0a0a;width:90%}@media only screen and (max-width:600px){.About{flex-direction:column;height:50%}.Photo{border-left:3px solid #0d0a0a;border-radius:20px;height:50vw;margin-bottom:5vh;margin-top:5vh;padding:2px;width:40vw}.AboutContent{height:100%;margin-right:0;padding-bottom:10vh}.AboutContent p{font-size:4vw}.Links{font-size:3vw}}.socials{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10vh;margin-top:2vh;width:10vw}.socials a:hover{scale:1.1;transition:all .5s ease}@media screen and (max-width:768px){.socials{width:30vw}}.dropdown-menu{background-color:#f4dfc8;height:100%;position:fixed;right:-30vw;top:0;transition:right .5s ease;z-index:1000}.menuContainer{height:100%}.menuContent{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.openButton,button{background-color:initial;border:none}.openButton{margin:10px;opacity:0;padding:5px;position:fixed;transition:all .5s ease;z-index:2}.closeButton:hover,.openButton:hover{cursor:pointer}.closeButton{font-size:large;position:absolute;right:20px;top:20px;z-index:2}.closeButton,img{transition:all .5s ease}img{width:2vw}ul{list-style:none;margin:0;padding:0;text-align:center;z-index:4}a{color:#0d0a0a;text-decoration:none}li{cursor:pointer;font-family:Condensed;font-size:2vw;padding:10px;transition:all .5s ease}li:hover{font-size:x-large;font-weight:700}.verticalLine{border-left:1px solid #000;height:20vh}.language-selector{align-items:center;bottom:5%;display:flex;flex-direction:row;justify-content:center;position:absolute;transition:all .3s ease;width:100%}.language-selector button:hover{transform:scale(1.2);transition:all .5s ease}.language-selector button{background-color:initial;border:none;color:#000;font-family:Condensed;font-size:1vw;margin:10px;padding:5px;transition:all .5s ease}@media (max-width:768px){img{width:5vw}li{font-size:5vw}.dropdown-menu{right:-60vw}.language-selector button{font-size:3vw}}.header{background-color:#f4eae0;display:flex;height:10vh;justify-content:center;position:fixed;top:0;transition:all .5s ease;width:100vw;z-index:3}.header img:hover{transform:scale(1.1);transition:all .5s ease}.skillExperience{flex-direction:column;height:90vh;margin-top:10vh;transition:all .5s ease}.skillExperience,.skillExperienceContent{align-items:center;background-color:#f4eae0;display:flex}.skillExperienceContent{flex-direction:row;height:100%;justify-content:center;padding:0 5vw;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:90vw}.skills{display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:75%}.skills,.softSkills{align-items:center;transition:all .5s ease}.softSkills{grid-gap:5%;display:grid;gap:5%;grid-template-columns:repeat(4,1fr);height:40%;justify-content:center;margin:0;width:80%}.softSkill{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:100%}.softSkill p{bottom:15%;position:absolute}.hardSkills{align-items:center;display:flex;flex-direction:row;height:50%;justify-content:space-evenly;margin:-2vh;transition:all .5s ease;width:100%}.frameworks,.tools{height:100%;justify-content:space-evenly;margin:0;transition:all .5s ease;width:40%}.frameworks,.linearGauge,.tools{align-items:center;display:flex;flex-direction:column}.linearGauge{height:2.5vw;justify-content:flex-start;position:relative;width:100%}.linearGaugeBackground{background-color:#b99470;border-radius:5px;height:50%;position:relative;width:100%}.linearGaugeValue{background-color:#5f6f52;border-radius:5px;height:150%;position:absolute;top:50%;transform:translateY(-50%);transition:width .5s ease}.skills h1{font-size:2vw;margin:0 0 2vh}.skills h1,.skills p{font-family:Condensed;padding:0;transition:all .5s ease}.skills p{font-size:1.5vw;margin:0;width:100%}.skills span{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}@media screen and (max-width:800px){.skillExperienceContent{flex-direction:column;height:auto}.skills{height:auto;justify-content:space-between;padding:5vh 0}.softSkills{grid-template-columns:repeat(2,1fr);height:100%;position:relative}.softSkill{height:100%;width:100%}.softSkill p{bottom:0;font-size:1vw;font-weight:700}.hardSkills{flex-direction:column;height:70%}.frameworks,.tools{height:40%;width:100%}.linearGauge{height:100px}.linearGaugeValue{height:100%}.circularGauge{height:30vw;margin:0;width:30vw}.circularGaugeValue span,.skills h1{font-size:4vw}.skills p{font-size:3vw}}.timeline{align-items:flex-start;display:flex;flex-direction:column;height:70vh;justify-content:space-around;position:relative;transition:all .5s ease;width:25%}.timelineLine{background-color:#000;height:100%;left:0;margin:auto;position:absolute;width:2px;z-index:1}.timelineLine:before{border-bottom:10px solid #000;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0}.event{border-radius:4px;color:#000;font-family:Condensed;height:15%;padding:1vh 1.5vw;position:relative;text-align:start;white-space:nowrap;width:100%;z-index:2}.event:before{background-color:#000;border-radius:50%;content:"";height:1vw;left:0;position:absolute;top:50%;transform:translate(-45%,-50%);width:1vw;z-index:3}.date{font-size:1.3vw;font-weight:700;margin-bottom:4px;overflow:hidden}.description{font-size:1vw;margin:0 0 1vh;overflow:hidden}.title{border-top:1px solid #000;font-size:1.3vw;font-weight:700;margin:0;overflow:hidden;width:90%}@media screen and (max-width:800px){.timeline{height:70vh;justify-content:space-between;margin:5vh 0;width:80%}.event,.timeline{align-items:center}.event{display:flex;flex-direction:column;height:30%;justify-content:center;padding:0;text-align:center}.event:before{height:1.5vw;transform:translate(-30%,-50%);width:1.5vw}.date{font-size:5.5vw}.description{font-size:4vw}.title{font-size:5vw}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.loading-bar-container{align-items:center;background-color:#f4dfc8;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100vw;z-index:9999}.loading-bar{background-color:#000;height:3px;position:absolute;top:0;transition:width 1s ease-out;width:0}.loading-logo{position:relative;transform-origin:center;width:10vw}.children-container{height:100%;transition:opacity 1s ease-in-out;width:100%;z-index:1}.projectList{background-color:#f4eae0;flex-direction:column;justify-content:center;margin-top:10vh;transition:all .5s ease}.list,.projectList{align-items:center;display:flex}.list{flex-direction:row;height:70vh;justify-content:space-around;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:100vw}.bigProject{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .5s ease;width:60vw}.smallProjects{height:100%}.smallProject{background-position:50%;background-size:cover;height:50%;width:40vw}.overlay,.smallProject{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:all .5s ease}.overlay{color:#f4dfc8;font-family:Condensed;height:100%;opacity:0;width:100%;.bigProject:hover &{background:#030303b3;opacity:1}.smallProject:hover &{background:#030303b3;opacity:1}}.overlay h2{font-size:3vw}.overlay h2,.overlay h3{margin:0;padding:0;transition:all .5s ease}.overlay h3{font-size:1.5vw}.reversedList{flex-direction:row-reverse}.projectDetailsOverlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .5s ease;width:100%}.projectDetailsOverlay.hidden{opacity:0!important;pointer-events:none}.projectDetailsContent{align-items:center;background:#f4eae0;border-radius:8px;display:flex;flex-direction:row;height:auto;justify-content:space-around;margin:0;padding:20px;position:relative;text-align:center;width:80%}.projectDetailsDescription,.projectDetailsImage{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:35%}.projectDetailsImage{width:60%}.box{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.dots{bottom:5%!important}.projectDetailsImage img{border-radius:8px;height:100%;object-fit:fill;text-align:center;width:100%}.projectDetailsContent button{border:none;cursor:pointer;position:absolute;right:3%;top:5%;width:3vw}.projectDetailsContent p{border-left:2px solid #f4dfc8;font-family:Condensed;font-size:1.5vw;margin:2vh 0;padding-left:10px;text-align:justify}.projectDetailsContent h2{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:4vw;margin:0;padding:0;text-align:center}.projectDetailsDescription img{border-radius:8px;height:3vw;object-fit:fill;width:3vw}.desktop-image{display:block}.mobile-image{display:none}@media screen and (max-width:1000px){.list{flex-direction:column;height:auto;width:100vw}.bigProject{height:33vh;width:100%}.smallProjects{height:67vh;width:100%}.smallProject{height:50%;width:100%}}@media screen and (max-width:900px){.projectDetailsContent{flex-direction:column;height:auto;overflow-y:scroll;width:80%}.projectDetailsContent button{right:12%;top:17%}.projectDetailsDescription,.projectDetailsImage{width:100%}.projectDetailsImage{height:50%;margin-bottom:3vh}.projectDetailsContent p{font-size:2vh}.projectDetailsContent h2{font-size:7vw}.projectDetailsContent button{height:5vw;right:5%;top:5%;width:5vw}.projectDetailsDescription img{height:5vw;width:5vw}.desktop-image{display:none}.mobile-image{display:block}}@media screen and (max-width:600px){.overlay h2{font-size:7vw}.overlay h3{font-size:4vw}.projectDetailsContent p{font-size:1.5vh}.projectDetailsContent h2{font-size:7vw}.projectDetailsContent button{height:8vw;right:7%;width:8vw}.projectDetailsDescription img{height:7vw;width:7vw}}.carousel-image{height:100%;vertical-align:middle;width:100%}.carousel-container{margin:auto;position:relative}.carousel-item{height:100%;width:100%}.next,.prev{border-radius:0 3px 3px 0;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:-22px;padding:16px;position:absolute;top:50%;transition:.6s ease;-webkit-user-select:none;user-select:none;width:auto}.next{right:0}.next,.prev{border-radius:3px 0 0 3px}.prev{left:0}.next:hover,.prev:hover{background-color:#000c}.carousel-caption-bottom{bottom:30px}.carousel-caption-bottom,.carousel-caption-center{color:#f2f2f2;font-size:15px;padding:8px 0;position:absolute;text-align:center;text-shadow:0 0 10px #000c;width:100%}.carousel-caption-center{bottom:50%;top:45%}.carousel-caption-top{color:#f2f2f2;font-size:15px;padding:8px 0;text-shadow:0 0 10px #000c;top:8px}.carousel-caption-top,.dots{position:absolute;text-align:center;width:100%}.dots{bottom:10px;margin-top:10px}.slide-number{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.dot{background-color:#bbb;border-radius:50%;cursor:pointer;display:inline-block;height:8px;margin:0 2px;transition:background-color .6s ease;width:8px}.active,.dot:hover{background-color:#717171}.fade{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:fade;animation-name:fade}.pause-icon{bottom:2px;left:15px;opacity:1;position:absolute}.pause{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:pause;animation-name:pause}.bar{background-color:#ddd;border-radius:0 0 10px;bottom:0;position:absolute;width:100%}.progress{background-color:#042baa;height:5px;width:1%}.thumbnails{align-items:center;display:flex;margin-top:10px;overflow:scroll}.thumbnails::-webkit-scrollbar{display:none}.thumbnail{margin:0 5px}.active-thumbnail{border:3px solid #476ff1}@keyframes pause{0%{opacity:.2}90%{opacity:1}}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media only screen and (max-width:500px){.carousel-caption-bottom,.carousel-caption-center,.carousel-caption-top,.next,.prev,.slide-number{font-size:20px!important}.dot{height:4px;width:4px}.carousel-container{max-height:250px!important}.thumbnail{max-width:70px}.carousel-caption-bottom{bottom:25px}}.contact{align-items:center;background-color:#f4eae0;height:90vh;margin-top:10vh;transition:all .5s ease}.contact,.contactTitle{display:flex;flex-direction:column;justify-content:center}.contactTitle{align-items:flex-start;background-color:#f4dfc8;color:#000;font-family:Times New Roman,Times,serif;font-weight:700;height:30vh;padding-left:10vw;width:90vw}.contactTitle h1{font-size:3vw;margin:0}.contactTitle h3{font-size:1.5vw;margin:0}.contactContent{align-items:center;background-color:#f4eae0;flex-direction:row;position:relative;width:100vw}.contactContent,.contactInfo{display:flex;height:100%;justify-content:center}.contactInfo{align-items:flex-start;flex-direction:column;font-family:Times New Roman,Times,serif;padding-left:5vw;padding-right:5vw;width:40vw}.contact-form{display:flex;flex-direction:column;gap:10px;width:40%}.contact-form label{font-family:Times New Roman,Times,serif}.contact-form input,.contact-form textarea{border:none;font-size:16px;padding:8px}.contact-form input:focus,.contact-form textarea:focus{border:1px solid #000;outline:none}.contact-form button{background-color:#000;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:all .5s ease;width:20%}.contact-form button:hover{width:100%}@media screen and (max-width:768px){.contact{height:auto}.contactTitle h1{font-size:6vw}.contactTitle h3{font-size:4vw}.contactContent{width:100vw}.contactContent,.contactInfo{align-items:center;flex-direction:column;height:100%;justify-content:center}.contactInfo{margin-top:10vh;text-align:center;width:90vw}.contactInfo h1{font-size:6vw}.contactInfo h3{font-size:4vw}.contact-form{margin-bottom:10vh;width:80%}.contact-form button{width:50%}}.notFoundContainer{align-items:center;background-color:#f4dfc8;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.notFoundContainer h1{color:#000;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:6rem;margin:0}.notFoundContainer p{color:#000;font-family:Condensed;font-size:2rem;margin:0}