@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
body,html{background-color:#fff;color:#000;font-family:Nunito,sans-serif;scroll-behavior:smooth;font-weight:300;position:relative}body.modal-on{overflow:hidden;height:100%}p{margin:0 0 1.2rem 0;font-size:1.05rem;line-height:1.35rem}small{font-size:90%}strong{font-weight:700}a,a:focus,a:hover{text-decoration:none;color:#eee}h1,h2,h3,h4,h5,h6{font-family:'Roboto Slab',sans-serif;font-weight:600;margin:0 0 2rem 0}.badge{text-transform:uppercase;padding:.15rem .4rem;color:#fff;font-size:60%;margin-right:.25rem;background-color:#1c1c1c;border-radius:.5rem;text-wrap:nowrap;font-weight:400}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-1px;left:0;background-color:#000;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover::after{transform:scaleX(1);transform-origin:bottom left}.hover-upsize,.hover-upsize-lg{transition:transform .4s}.hover-upsize:hover{transform:scale(1.1)}.hover-upsize-lg:hover{transform:scale(1.5)}#start{min-height:100vh}#start .hover-upsize:hover{transform:scale(1.2)}.container{max-width:1280px;margin:0 auto;position:relative}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.col{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.btn{display:inline-block;padding:.75rem 1rem;background-color:#000;color:#fff;border-radius:2rem;min-width:1rem;text-align:center;text-transform:uppercase;font-size:1rem;line-height:1.05rem;margin-bottom:.5rem;font-family:Nunito,sans-serif;font-weight:600}.btn-circle{padding:0;width:2.4rem;height:2.4rem;line-height:2.5rem}.btn-circle:hover{color:#ddd}.btn-circle.btn-outline:hover{color:#fff}.btn-outline{color:#000;background-color:#fff}#logo{height:1.8rem;width:auto}#start{background-color:#eee;background-size:cover}#end{background-color:#eee}#header{height:2rem;padding:2rem;position:relative;z-index:10}#header .col{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}#header .col:last-child{text-align:right}#header .btn:first-child{position:relative;left:8px}#header .btn-circle{position:relative}#header .btn-circle:not(.btn-outline){z-index:10}#motto{padding-top:2rem;padding-bottom:.5rem;padding-left:2rem;padding-right:2rem;position:relative;z-index:10}#motto h1{font-size:3.7vw;line-height:4.7vw}#motto #hashtags{font-weight:300;font-size:2vw;line-height:3.3vw;font-family:Nunito,sans-serif}#motto #hashtags a{margin-left:.55rem;margin-right:.55rem;color:#000}#motto .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100vh - 18rem);align-content:center;justify-content:center}#motto .col{-ms-flex-preferred-size:80%;flex-basis:80%;max-width:80%;text-align:center}#goto-competences{padding-top:0;padding-bottom:4.5rem;height:5rem;text-align:center;position:relative;z-index:10}#goto-competences small{opacity:.9}#goto-competences .btn svg{margin-bottom:-2px}#goto-competences a{color:#000}#goto-competences .btn-outline{background-color:#000;color:#fff}#competences{background-color:#fff;padding-top:6rem;padding-left:2rem;padding-right:2rem;padding-bottom:6rem}#competences h2{font-size:1.8rem;line-height:2.4rem;font-weight:400;margin:0 2rem 0 0}#competences .row{margin-bottom:4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#competences .row p{margin-bottom:2rem;margin-top:0}#competences .row p:last-child{margin:0}#competences .row .col{-ms-flex-preferred-size:30%;flex-basis:30%;max-width:30%}#competences .row .col:first-child{-ms-flex-preferred-size:18%;flex-basis:18%;max-width:18%}#competences .row .col:last-child{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}#competences .row:last-child{margin-bottom:0}#competences svg{width:80%;margin-bottom:0;opacity:.9}#competences p{color:#000;font-weight:300;margin-top:0;margin-bottom:2rem;opacity:.9}#projects{background-color:#eee;padding-left:2rem;padding-right:2rem;padding-top:6rem;padding-bottom:6rem;position:relative}#projects .container{z-index:10}#projects .blocks{height:100%}#projects .col:first-child p{opacity:.85;width:95%}#projects .col p:last-child{margin-bottom:0}#projects h2{font-size:2.2rem;line-height:2.4rem;font-weight:400;margin-bottom:1.6rem}#projects .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#projects .row .col{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;line-height:1.33rem}#projects p{margin-bottom:2.2rem}#projects .row .col:last-child{text-align:center}#projects .btn{background-color:#000!important;color:#fff;font-size:1.3rem;font-weight:400;text-transform:none;margin:auto;padding:.95rem 1.9rem;line-height:1.3rem;border-radius:2rem}#projects .btn svg{height:1.2rem;margin-right:.25rem;z-index:99;position:relative;top:2px}#projects a:not(.btn){color:#d8bfff}#projects a:not(.btn).hover-underline-animation::after{background-color:#d8bfff}#projects .col:last-child svg{width:50%;margin-right:5rem}.zigzag-top{content:"";position:absolute;display:block;height:30px;top:-20px;left:0;right:0;background:linear-gradient(-45deg,transparent 33.333%,#eee 33.333%,#eee 66.667%,transparent 66.667%),linear-gradient(45deg,transparent 33.333%,#eee 33.333%,#eee 66.667%,transparent 66.667%);background-size:30px 60px;background-position:0 00px}.zigzag-bottom{content:"";position:absolute;display:block;height:30px;bottom:-15px;left:0;right:0;background:linear-gradient(45deg,transparent 33.333%,#eee 33.333%,#eee 66.667%,transparent 66.667%),linear-gradient(-45deg,transparent 33.333%,#eee 33.333%,#eee 66.667%,transparent 66.667%);background-size:30px 60px;background-position:0 -30px}#technologies{background-color:#fff;padding-left:2rem;padding-right:2rem;padding-top:6rem;padding-bottom:6rem;text-align:center}#technologies svg{width:25%;max-width:600px}#technologies h2{font-size:2.2rem;line-height:2.4rem;font-weight:400;margin-bottom:1.5rem}#technologies p{max-width:800px;margin:0 auto 1.8rem auto}#technologies h3 svg{width:1.1rem;position:relative;top:2px}#technologies p:last-child{margin-bottom:0}#technologies img{height:35px;margin:10px}#technologies img path{fill:#000}#technologies .btn{background-color:#000!important;color:#fff;font-size:1.3rem;font-weight:400;text-transform:none;margin:auto;padding:.95rem 1.9rem;line-height:1.3rem;border-radius:2rem}#technologies .btn svg{width:21px;margin-right:.3rem;position:relative;top:1px}#technologies small{display:block;margin-top:.75rem;font-size:77%;line-height:1.3rem}#contact{padding:3rem 2rem 2rem 2rem;font-size:1.2rem;line-height:1.5rem;font-weight:300;font-family:Nunito,sans-serif;font-weight:400}#contact h3{font-size:1.2rem;line-height:1.5rem;font-weight:300;font-family:Nunito,sans-serif;margin-bottom:0;font-weight:400}#contact .col{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}#contact .col:nth-child(3),#contact .col:nth-child(4){text-align:right}#contact a{color:#1c1c1c}#contact .hover-underline-animation::after{background-color:#1c1c1c;bottom:-1px}#additions{padding:1rem 2rem 2rem 2rem;text-align:center;font-size:.8rem;line-height:1.1rem}#additions a{color:#1c1c1c}#additions .hover-underline-animation::after{background-color:#1c1c1c;bottom:0}#additions svg{margin-right:.15rem}#modal-projects{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:99;background-color:#eee;overflow:auto}#modal-projects .modal-header{background-color:#fff;position:sticky;top:0;z-index:20}#modal-projects .modal-body,#modal-projects .modal-header{padding:2rem 3rem}#modal-projects .modal-header h2{font-size:1.8rem;line-height:2.6rem;font-weight:400;margin-bottom:0}#modal-projects .modal-body h3{font-size:1.3rem;line-height:1.6rem;font-weight:400;margin-bottom:.25rem}#modal-projects .modal-body p{color:#1c1c1c;margin:0}#modal-projects .project{margin-bottom:2rem}#modal-projects .close{float:right;position:relative;top:-42px}#modal-projects .close svg{width:15px;height:15px;position:relative;top:2px}#modal-projects .project p{margin-bottom:.25rem}@media only screen and (max-width:64em){small{font-size:90%}#header{padding:1.5rem}#header .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#header .col:first-child{-ms-flex-preferred-size:60%;flex-basis:60%;max-width:60%}#header .col:last-child{-ms-flex-preferred-size:40%;flex-basis:40%;max-width:40%}#motto{padding-top:1rem;padding-bottom:1rem}#motto .row{min-height:calc(100vh - 16rem)}#logo{width:100%;height:auto}#motto .col:first-child{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}#motto .col:last-child{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}#motto h1{font-size:2.8rem;line-height:3.2rem;margin-bottom:0}#motto h1 div:first-child{margin-bottom:2rem}#hashtags{display:none}#competences h2{margin-bottom:2rem;font-size:2rem;line-height:2.4rem}#contact{padding:3rem 1.5rem 1.5rem 1.5rem}#contact .col{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;margin-bottom:1rem;text-align:left!important}#contact .col:last-child{margin-bottom:0!important}#competences{padding-top:5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:5rem}#competences .row .col{flex-basis:100%!important;max-width:100%!important;text-align:left!important}#competences .row:last-child{margin-bottom:0}#competences svg{width:50%;margin-bottom:1rem}h3{font-size:9vw;line-height:9.5vw;margin:0 0 1.5rem 0}#projects{padding-top:5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:5rem}#projects h2{line-height:2.6rem;margin-bottom:1.5rem}#projects h3{margin-bottom:1.5rem}#projects .row .col{flex-basis:100%!important;max-width:100%!important}#projects .row .col:last-child{margin-bottom:0;text-align:center}#projects .btn{font-size:1.2rem;padding:1rem .5rem;width:calc(100% - 1rem)}#projects .col:last-child{display:none}#technologies{padding-top:5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:5rem}#technologies svg{width:80%}#technologies p{max-width:100%}#technologies .btn{font-size:1.2rem;padding:1rem .5rem;width:calc(100% - 1rem)}#technologies img{margin:7px}#modal-projects .modal-body,#modal-projects .modal-header{padding:2rem 1.5rem}#modal-projects .modal-header h2{font-size:1.4rem;width:85%}#goto-competences{padding-bottom:0}}.blocks{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;margin:0!important;z-index:0}.blocks .block{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#fff;animation:blocks 25s linear infinite;bottom:-150px}.blocks .block:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.blocks .block:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.blocks .figure:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.blocks .block:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:21s}.blocks .block:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.blocks .block:nth-child(6){left:75%;width:90px;height:90px;animation-delay:3s}.blocks .block:nth-child(7){left:35%;width:120px;height:120px;animation-delay:9s}.blocks .block:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.blocks .block:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.blocks .block:nth-child(10){left:85%;width:100px;height:100px;animation-delay:2s;animation-duration:16s}@keyframes blocks{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:1%}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:100%}}