body{overflow-x:hidden;margin:0;font-family:Helvetica;color:#fff;background-color:#000}body a{text-decoration:none;color:#fff;border-bottom:1px solid #fff;display:inline-block}#container.loaded{display:flex;flex-direction:column}#container.loaded #presentation #title{position:absolute;text-transform:uppercase;font-weight:700;font-size:2em;top:20%;left:10%;right:10%}@media(min-width: 576px){#container.loaded #presentation #title{font-size:4em}}#container.loaded #presentation #title h1,#container.loaded #presentation #title h2{position:relative;margin:0}#container.loaded #presentation #title h1>span,#container.loaded #presentation #title h2>span{background-color:#000}#container.loaded #presentation #title h2{margin-top:5px}#container.loaded #presentation #title .position{color:#000;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}#container.loaded #bottom{margin:2% 10% 0 10%;font-weight:300}@media(max-width: 768px){#container.loaded #bottom{margin-left:20px;margin-right:20px}}#container.loaded #bottom #languages{display:flex;flex-direction:row;justify-content:center;margin-bottom:5%}#container.loaded #bottom #languages:before,#container.loaded #bottom #languages:after{content:"";flex:1 1;border-bottom:2px solid #fff;margin:auto}#container.loaded #bottom #languages button{margin-left:20px;padding:1px 0px;font-size:1em;border:none;background:#000;color:#fff;cursor:pointer}#container.loaded #bottom #languages button:last-of-type{margin-right:20px}#container.loaded #bottom #languages button:focus{outline:none}#container.loaded #bottom #languages button.active{border-bottom:1px solid #fff}#container.loaded #bottom #main-wrapper{display:flex;gap:6%}#container.loaded #bottom #main-wrapper h2{font-size:1.1em;font-weight:normal}#container.loaded #bottom #main-wrapper #description-projects-wrapper{flex-basis:0;flex-grow:3;text-align:justify;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start}#container.loaded #bottom #main-wrapper #description-projects-wrapper>div{margin-bottom:8%}#container.loaded #bottom #main-wrapper #description-projects-wrapper #description{line-height:1.3;font-size:1.2em}#container.loaded #bottom #main-wrapper #description-projects-wrapper #description p{margin-bottom:1.8em}#container.loaded #bottom #main-wrapper #description-projects-wrapper #description i{font-size:.7em;vertical-align:middle}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-title{display:flex;flex-direction:row;justify-content:center;margin-bottom:24px}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-title:before,#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-title:after{content:"";border-bottom:2px solid #fff;margin:auto}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-title:before{flex:1}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-title:after{flex:1}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-title h2{margin:0 20px}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row{display:flex;flex-direction:row;gap:30px}@media(max-width: 768px){#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row{flex-direction:column;gap:12px}}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item{border-radius:16px;padding:16px;border:2px solid #fff;flex:1 1 0px}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item a{border-bottom:none}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title{display:flex;justify-content:space-between}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title i{line-height:1em;margin-right:4px}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title span:first-child{text-decoration:underline}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title .project-updated-at{font-size:.85em}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title .project-star{margin-left:12px;font-size:.9em;display:flex;align-items:flex-start;padding-top:2px}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title .project-star svg{fill:#c1c1c1;margin-right:4px}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title .project-star:hover{color:#fff}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item .project-item-title .project-star:hover svg{fill:#fff}#container.loaded #bottom #main-wrapper #description-projects-wrapper #projects #projects-row .project-item p{margin-top:16px;color:#c1c1c1}#container.loaded #bottom #main-wrapper #activity{flex-basis:0;flex-grow:1}@media(max-width: 1200px){#container.loaded #bottom #main-wrapper #activity{display:none}}#container.loaded #bottom #main-wrapper #activity .timeline{border-left:2px solid #e4e8eb;padding-bottom:30px}#container.loaded #bottom #main-wrapper #activity .timeline-item{position:relative;padding-top:30px;padding-left:20px}#container.loaded #bottom #main-wrapper #activity .timeline-item::after{content:"";display:block;position:absolute;top:28px;left:-11px;width:12px;height:12px;border-radius:12px;background:#fff;border:4px solid #000}#container.loaded #bottom #main-wrapper #activity .timeline-item .activity-title-wrapper{display:flex}#container.loaded #bottom #main-wrapper #activity .timeline-item .activity-title-wrapper svg{fill:#fff;margin-right:8px;display:flex;justify-content:center;align-items:flex-start}#container.loaded #bottom #main-wrapper #activity .timeline-item .activity-title-wrapper span{flex:1;align-self:flex-start;line-height:1em}#container.loaded #bottom #main-wrapper #activity .timeline-item ul{padding-left:20px}#container.loaded #bottom #main-wrapper #activity .timeline-item ul li>a{margin-right:6px}#container.loaded #bottom #main-wrapper #activity .timeline-item .activity-target,#container.loaded #bottom #main-wrapper #activity .timeline-item .activity-target>a{font-size:.9em;color:#c1c1c1;text-decoration:none;border-bottom:none}#container.loaded #bottom footer{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;font-size:1em}@media(max-width: 576px){#container.loaded #bottom footer{margin-top:10%;flex-direction:column}}#container.loaded #bottom footer div{flex:1 1 0px}@media(max-width: 576px){#container.loaded #bottom footer div{text-align:center}}#container.loaded #bottom footer div:nth-of-type(2){margin:0 30px}#container.loaded #bottom footer div.h-separation{border-top:2px solid #fff;margin-top:.5em;padding-top:30px;padding-bottom:30px;flex:2}@media(max-width: 576px){#container.loaded #bottom footer div.h-separation{padding-top:15px;padding-bottom:15px}}#container.loaded #bottom footer #summary p:first-of-type{font-size:1.2em;font-weight:700;margin-top:0}@media(min-width: 576px){#container.loaded #bottom footer #summary p:first-of-type{margin-bottom:30px}}#container.loaded #bottom footer #contact a{border:none}#container.loaded #bottom footer #contact #networks{margin-top:1.3em;display:flex;flex-direction:row}@media(max-width: 576px){#container.loaded #bottom footer #contact #networks{justify-content:center}}#container.loaded #bottom footer #contact #networks a{margin-right:30px;font-size:2em}#container.loaded #bottom footer #contact #networks a:last-of-type{margin-right:0}#container.loaded #bottom footer #credits p:first-of-type{margin-top:0}#loading-screen{font-size:1em;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;transition:visibility .4s,opacity .4s linear}#loading-screen.loaded{opacity:0;visibility:hidden}#loading-screen #spinner{width:250px;height:250px;border-radius:50%;box-shadow:0px 0px 0px 1px rgba(0,0,0,.1),2px 1px 0px #fff;position:absolute;top:50%;left:50%;margin-top:-125px;margin-left:-125px;animation:spin .7s linear infinite}#loading-screen #loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:auto}#loading-screen #loader h2,#loading-screen #loader h3{margin:2px}#container.loaded .fo-mask,#container.loaded .fo-mask2{display:inline-block;overflow:hidden;clear:both}#container.loaded .fo-mask span{color:rgba(0,0,0,0);-webkit-animation:show 0s forwards .4s;animation:show 0s forwards .4s}#container.loaded .fo-mask2 span{color:#000;-webkit-animation:show2 0s forwards .4s;animation:show2 0s forwards .4s;-webkit-animation-delay:.6s;animation-delay:.6s}#container.loaded .fo-mask2:after{-webkit-animation-delay:.2s;animation-delay:.2s}#container.loaded .fo-mask:after,#container.loaded .fo-mask2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-transform:translate3d(110%, 0, 0);transform:translate3d(110%, 0, 0);-webkit-animation:left-to-right 1s cubic-bezier(0.17, 0.67, 0.83, 0.67);animation:left-to-right 1s cubic-bezier(0.17, 0.67, 0.83, 0.67)}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{transform:rotate(360deg)}}@-webkit-keyframes show{0%{color:rgba(0,0,0,0)}100%{color:#fff}}@keyframes show{0%{color:rgba(0,0,0,0)}100%{color:#fff}}@-webkit-keyframes show2{0%{color:rgba(0,0,0,0)}100%{color:#000}}@keyframes show2{0%{color:rgba(0,0,0,0)}100%{color:#000}}@-webkit-keyframes left-to-right{0%{-webkit-transform:translate3d(-100%, 0, 0)}100%{-webkit-transform:translate3d(110%, 0, 0)}}@keyframes left-to-right{0%{transform:translate3d(-100%, 0, 0)}100%{transform:translate3d(110%, 0, 0)}}