body{margin:0;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.landing-screen{height:100vh}a{text-decoration:none;color:#fff}li{list-style-type:none;letter-spacing:.1em}body{background-color:#262627;position:relative;overflow:hidden;scroll-behavior:smooth;padding-left:1.5em;padding-right:1.5em}.flexx{display:flex;height:100vh}.flexx .col10{float:left;width:10%}.flexx .col90{float:left;width:90%}.flexx .col25{float:left;margin-left:5vw;width:15%}.flexx .col20{float:left;width:20%}@media (max-width:768px){.flexx .col20,.flexx .col25,.flexx .col90{width:100%}.flexx .col20.competences-icon,.flexx .col25.competences-icon,.flexx .col90.competences-icon{width:30%}.flexx .col10{display:none}}.imageTitle{height:100vh;width:auto}.centerButton{margin:0;position:absolute;left:50%;right:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:1}.circlebutton{margin-top:8em;width:4vw;height:4vw;background-color:#fff;border-radius:100px;position:fixed;bottom:5vh;left:48%;z-index:1;box-shadow:0 10px 10px 0 rgba(0,0,0,.16);cursor:pointer;border-style:solid;border-color:#fff;transition:all .1s ease-out}.circlebutton.back-button{background-color:#262627}.circlebutton:active{background-color:#e4e4e4;-webkit-transform:scale(.9);transform:scale(.9)}.circlebutton .arrow{border-color:#262627;border-left:2px;margin-left:41%}.circlebutton .arrow,.circlebutton .back-arrow{width:.5vw;height:.5vw;border-style:solid;border-top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.circlebutton .back-arrow{border-color:#fff;border-right:2px;margin-left:43%}@media (max-width:768px){.circlebutton{width:8vw;height:8vw}.circlebutton .arrow{width:1vw;height:1vw;margin-left:37%}}.main-list{margin-right:10vw;margin-top:30vh}.main-list li{text-align:center;list-style-type:none;margin-top:1em}.main-list li a{text-decoration:none;color:#fff;font-weight:450}.main-list li a:hover{cursor:pointer}.main-list li{font-size:3em}@media (max-width:768px){.main-list{margin-top:35vh}.main-list li{font-size:1.5em}}.center-small-list{margin-right:10vw;margin-top:5vh}.center-small-list li{text-align:center;list-style-type:none;margin-top:1em;font-size:3em}.center-small-list li a{text-decoration:none;color:#fff;font-weight:450}.center-small-list li a:hover{cursor:pointer}.center-small-list li{font-size:1.5em}@media (max-width:768px){.center-small-list li{font-size:1em}}.vl{border-right:1.5px solid #fff;height:50vh;right:2vw;display:block}.progress,.vl{position:fixed;z-index:1;margin-top:25vh}.progress{right:0;color:#fff;margin-right:3vw;width:20vw}.progress li{text-align:right;margin-top:2em;font-size:1.3em}.hoverEffect{padding:0 5px;box-shadow:inset 0 0 0 0 #fff;transition:all .6s ease-out;opacity:.5}.hoverEffect:hover{box-shadow:inset -200px 0 0 #fff;color:#262627;cursor:pointer;opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.progressBar{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all .5s ease-in-out;position:fixed;right:0;z-index:1;transition-delay:1s}@media (max-width:768px){.progressBar{display:none}}.reachMeOut{color:#fff;font-size:5em;font-weight:800;letter-spacing:.1em;margin-top:25vh;text-align:center;margin-right:6.5vw}@media (max-width:768px){.reachMeOut{font-size:3em}}.hello{color:#fff;font-size:5em;font-weight:800;letter-spacing:.1em;margin-top:25vh;margin-bottom:0}@media (max-width:768px){.hello{font-size:3em}}.aboutMe{color:#fff;font-size:1.5em;max-width:50vw}@media (max-width:768px){.aboutMe{max-width:90vw;font-size:1em}}.landing-words{font-size:1.5em;font-weight:400;letter-spacing:.1em;margin-bottom:0;margin-top:35vh}.landing-words,.landingname{color:#fff;text-align:center}.landingname{font-weight:700;font-size:5em;margin-top:3vh;letter-spacing:.05em}@media (max-width:768px){.landingname{font-size:1.5em}}.animatedTitle{animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-duration:1.5s;-webkit-animation-fill-mode:both}.animatedName{animation-duration:2s;animation-fill-mode:both;-webkit-animation-duration:2s;-webkit-animation-fill-mode:both}.animatedFadeInUp{opacity:0}.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}.small-text-contact{text-align:center;color:#fff;margin-top:10vh;margin-right:8vw;font-size:1.1em}.small-text-contact a{text-decoration:none;color:#fff}.image-portfolio-container{height:250px;width:250px;opacity:1;margin-top:30vh;border-style:solid;border-color:#fff;box-shadow:0 10px 10px 0 rgba(0,0,0,.16);transition:all .3s ease-in-out}.image-portfolio-container:hover{box-shadow:0 0 0 0 rgba(0,0,0,.16);cursor:pointer;height:270px;width:270px}.image-portfolio-container.more-portfolio:hover{box-shadow:0 0 0 0 rgba(0,0,0,.16);cursor:pointer;background-color:#fff;height:250px;width:250px}.image-portfolio-container.more-portfolio:hover p{color:#262627}.img-title{font-size:1em;margin-top:1em;color:#fff}.img-title.more-text{margin-top:45%;text-align:center}.more-back-container{width:10vw;position:fixed;z-index:1;bottom:15vh;left:40%;display:inherit}.more-back-container .more-button{width:3vw;height:3vw;color:#262627;border-style:solid;border-color:#fff;border-radius:100px;position:fixed;z-index:inherit;display:inline-block;margin-left:15%;cursor:pointer}.more-back-container .more-button p{margin-left:-3em}.more-back-container .back-button{width:3vw;height:3vw;color:#262627;border-style:solid;border-color:#fff;border-radius:100px;position:fixed;z-index:inherit;display:inline-block;margin-left:1%;cursor:pointer}.more-back-container .back-button p{margin-left:4em}.more-back-container p{color:#fff;font-size:1.2em;margin-left:60%}.portfolio-accent{height:100vh;right:0;position:fixed;z-index:-1;top:0}.nav{padding-top:1.5em;display:block;clear:both}.nav a{font-size:.9em;color:#fff}.nav .webtitle{font-weight:700;width:auto;float:left}.nav .href{font-weight:400;text-align:end;float:right;margin-left:1em;text-decoration:none}.competences-image{height:5vw;display:block;margin-left:auto;margin-right:auto}.competences-title{text-align:center;color:#fff}.competences-container{margin-top:25vh}
/*# sourceMappingURL=main.e8864f08.chunk.css.map */