footer.layout-footer{background:#121212;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:clamp(4em,15vw,8em);flex-direction:column}footer.layout-footer section.icons-section,footer.layout-footer section.text-section{width:100%}footer.layout-footer section.socials{display:flex}footer.layout-footer section.socials span{width:35px;height:35px;display:block;margin:0 .5em;color:#f0f0f0;transition:.3s;cursor:pointer}footer.layout-footer section.socials span:hover{color:none;background:none}footer.layout-footer section.icons-section{display:flex;justify-content:center;align-items:center;flex-direction:row;color:#f0f0f0;border-top:2px solid gray;padding-top:2em}footer.layout-footer section.icons-section span.icon{margin:0 .5em;width:35px;height:35px;display:block;cursor:pointer;position:relative}footer.layout-footer section.icons-section span.icon svg{transition:.3s;cursor:pointer;width:100%;height:100%;display:block}footer.layout-footer section.icons-section span.icon svg:hover{color:#6da0ff;background:auto}footer.layout-footer section.icons-section span.icon p{padding:.2em .4em;background:#303030;position:absolute;left:50%;translate:-50% 100%;pointer-events:none;font-size:.8rem;bottom:0;min-width:max-content;transition:.25s;opacity:0;font-weight:400}footer.layout-footer section.text-section{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:2em}footer.layout-footer section.text-section p.header{font-size:clamp(.9rem,4vw,1.5rem);font-weight:700;text-transform:uppercase;color:#d2d2d2;margin-right:1em}footer.layout-footer section.text-section section.lists{display:flex}footer.layout-footer section.text-section section.lists ul{list-style:none;color:#969696}footer.layout-footer section.text-section section.lists ul:last-child{margin-left:2.5em}footer.layout-footer section.text-section section.lists ul li{font-size:clamp(.95rem,4vw,1.5rem);font-weight:400;width:max-content;font-family:Roboto Mono,monospace;transition:.3s;cursor:pointer}footer.layout-footer section.text-section section.lists ul li:hover{color:#6da0ff;background:auto}footer.layout-footer section.text-section section.lists ul li:first-child{margin-bottom:.5em}@media (max-width: 480px){footer.layout-footer section.text-section{flex-direction:column}footer.layout-footer section.text-section p.header{margin-bottom:2em}}nav.layout-navigation{display:flex;justify-content:space-between;align-items:center;flex-direction:row;position:absolute;left:0;top:0;width:100%;padding:.75em 1.5em .75em 1.25em;z-index:99}nav.layout-navigation h1{border-radius:.2em;padding:.25em;position:relative;z-index:3}nav.layout-navigation h1,nav.layout-navigation h1 span{font-family:Roboto Mono,monospace;font-weight:700;font-style:italic;font-size:.9rem}nav.layout-navigation h1 span{color:#ffb01c}nav.layout-navigation ul{display:flex;list-style:none;border:1px solid #505050;border-radius:.15em;padding:.75em;position:relative}nav.layout-navigation ul:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);height:1px;width:69vw;background:#505050}nav.layout-navigation ul li{font-size:clamp(.85rem,2.5vw,.9rem);font-family:Roboto Mono,monospace;cursor:pointer;font-weight:400;transition:.3s;padding:.5em .75em}nav.layout-navigation ul li:not(:first-child){margin-left:.75em}nav.layout-navigation ul li.mark{background:#2a4cb1;border-radius:.5em}nav.layout-navigation ul li.mark:hover{background:#ff4500}nav.layout-navigation ul li:not(.mark):hover{color:#7295ff}@media (max-width: 480px){nav.layout-navigation{padding:.25em}nav.layout-navigation h1{display:none}nav.layout-navigation ul{padding:.25;border:0;width:100%;justify-content:flex-end}nav.layout-navigation ul:before{display:none}}section.home-abilities{border-top:1px solid #303030;position:relative}section.home-abilities:before,section.home-abilities:after{position:absolute;content:"";top:0;transform:translateY(-50%);width:8%;padding:.75em 0}section.home-abilities:before{left:0;border-radius:0 .2em .2em 0;background:linear-gradient(to right,#161616,#222121,#4a4a4a)}section.home-abilities:after{right:0;border-radius:.2em 0 0 .2em;background:linear-gradient(to left,#161616,#222121,#4a4a4a)}section.home-abilities span.background-icon{height:1%;top:50%;left:50%;transform:translate(-50%,-50%);transition:2s}section.home-abilities span.background-icon svg{color:#fff;transition:2s}section.home-abilities section.container{display:flex;justify-content:space-around;align-items:center;flex-direction:row;align-items:stretch;position:relative;margin-bottom:3.5em;flex-wrap:wrap}section.home-abilities section.container article.ability{width:30%;min-width:450px;background:#252525;padding:clamp(1.5em,6vw,2.5em);margin:0 .5em 1.5em;border-radius:1em;display:flex;justify-content:space-between;align-items:none;flex-direction:row;flex-direction:column;transition:.3s}section.home-abilities section.container article.ability div{margin-top:1.5em;display:flex;justify-content:none;align-items:center;flex-direction:row;cursor:pointer;transition:.3s;width:max-content}section.home-abilities section.container article.ability div p,section.home-abilities section.container article.ability div span{pointer-events:none}section.home-abilities section.container article.ability div p{text-transform:uppercase;font-size:clamp(.8rem,5vw,.9rem);font-weight:700}section.home-abilities section.container article.ability div span{width:25px;height:25px;display:block;margin-left:.5em}section.home-abilities section.container article.ability div span svg{width:100%;height:100%;display:block}section.home-abilities section.container article.ability div:hover{transform:translate(5%)}section.home-abilities section.container article.ability p.info{font-weight:300;font-size:clamp(.85rem,4vw,.95rem)}section.home-abilities section.container article.ability p.what{text-transform:uppercase;font-weight:800;font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:.75em;margin-top:.15em}section.home-abilities section.container article.ability span.icon{display:block;width:20%;aspect-ratio:1}section.home-abilities section.container article.ability span.icon svg{width:100%;height:100%;display:block}section.home-abilities div.entry-info{font-family:Roboto Mono,monospace}section.home-abilities div.entry-info svg{width:100%;height:100%;display:block}@media (max-width: 768px){section.home-abilities section.container{position:static}section.home-abilities section.container article.ability{min-width:auto;width:100%;background:#25252560}}section.home-about{min-height:100vh;margin-bottom:5em}section.home-about:not(.about-page){position:relative;border-top:1px solid #303030}section.home-about:not(.about-page):before,section.home-about:not(.about-page):after{position:absolute;content:"";top:0;transform:translateY(-50%);width:8%;padding:.75em 0}section.home-about:not(.about-page):before{left:0;border-radius:0 .2em .2em 0;background:linear-gradient(to right,#161616,#222121,#4a4a4a)}section.home-about:not(.about-page):after{right:0;border-radius:.2em 0 0 .2em;background:linear-gradient(to left,#161616,#222121,#4a4a4a)}section.home-about section.wrap{display:flex;justify-content:space-between;align-items:none;flex-direction:row;position:relative}section.home-about section.wrap article.text{width:55%;padding:1em 2em 2em;display:flex;justify-content:space-between;align-items:none;flex-direction:row;flex-direction:column}section.home-about section.wrap figure{width:45%;height:100vh;overflow:hidden}section.home-about section.wrap figure img{width:100%;height:100%;transition:3s;object-fit:cover;display:block;transform:scale(2)}section.home-about section.wrap section.timeline{margin-top:2em}section.home-about section.wrap section.timeline p.timeline{text-transform:uppercase;font-weight:700;font-size:.9rem;letter-spacing:1px;margin-bottom:.2em}section.home-about section.wrap section.timeline div.wrap{min-height:225px;border-radius:.25em;position:relative}section.home-about section.wrap section.timeline div.wrap div.move-wrap{width:100%;height:100%;display:block;overflow:hidden}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving{width:100%;height:100%;display:block;display:flex;transition:.3s}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element{width:100%;min-height:225px;flex-shrink:0;background:#1d1d1d;padding:1em 1em 2.5em;border-radius:.25em;display:flex;justify-content:space-between;align-items:none;flex-direction:row;flex-direction:column}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element p.text{color:#f5f5f5;font-size:1rem;font-weight:200}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element p.date{font-weight:700;font-size:1.25rem;border-left:3px solid #4169e1;padding-left:.4em;margin-bottom:1em}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element div.chart{width:100%;height:3px;background:#f0f0f0;display:flex;justify-content:space-around;align-items:center;flex-direction:row;margin-top:3em}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element div.chart span.year{display:block;width:3px;height:20px;background:#fff;position:relative}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element div.chart span.year:before{content:attr(data-text);position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:clamp(.7rem,3vw,.8rem);font-weight:600}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element div.chart span.year.current{color:#4169e1;background:#4169e1;width:6px}section.home-about section.wrap section.timeline div.wrap div.move-wrap div.moving article.element div.chart span.year.percent span{height:10px;background:#4169e1;position:absolute;left:100%;top:50%;transform:translateY(-50%)}section.home-about section.wrap section.timeline div.wrap section.buttons{position:absolute;left:50%;top:calc(100% + 10px);translate:-50% 0;display:flex;justify-content:center;align-items:center;flex-direction:row}section.home-about section.wrap section.timeline div.wrap section.buttons span{width:15px;height:15px;display:block;margin:0 .25em;border-radius:50%;background:#aaa;z-index:4;transition:.3s;cursor:pointer}section.home-about section.wrap section.timeline div.wrap section.buttons span:hover{color:auto;background:#ddd}section.home-about section.wrap section.timeline div.wrap section.buttons span.active{background:#4169e1;pointer-events:none}section.home-about section.wrap section.socials{display:flex;justify-content:none;align-items:center;flex-direction:row;margin-top:4em}section.home-about section.wrap section.socials span{width:35px;height:35px;display:block;color:#f0f0f0;margin-right:1em;transition:.3s;cursor:pointer}section.home-about section.wrap section.socials span:hover{color:auto;background:none}section.home-about section.wrap section.author p.author{font-size:clamp(2rem,8vw,3rem);font-weight:800}section.home-about section.wrap section.author p.role{font-size:clamp(.925rem,5vw,1rem);color:#b3b3b3;font-weight:400;border-left:3px solid #4169e1;padding-left:.5em;margin-top:.5em}section.home-about section.wrap section.author section.paragraph{padding:1.5em;background:#1d1d1d;margin-top:3em;position:relative;border-radius:.25em}section.home-about section.wrap section.author section.paragraph p{font-family:Roboto Mono,monospace;font-size:clamp(.8rem,4vw,1rem);font-weight:500;color:#afafaf;position:relative;z-index:4;font-style:italic}section.home-about section.wrap section.author section.paragraph p span{font-style:normal;display:block;color:#f0f0f0;margin-top:2em;letter-spacing:-1px;text-transform:uppercase;font-weight:700}section.home-about section.wrap section.author section.paragraph span.quote{width:10%;color:#505050;opacity:.2;position:absolute;top:50%;translate:0 -50%}section.home-about section.wrap section.author section.paragraph span.quote:first-of-type{translate:-100% -50%;right:5%}section.home-about section.wrap section.author section.paragraph span.quote:last-of-type{right:2%}@media (max-width: 768px){section.home-about section.wrap{padding:2em 0}section.home-about section.wrap figure{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:-1;filter:brightness(.2)}section.home-about section.wrap figure img{width:100%;height:100%;display:block;object-fit:cover}section.home-about section.wrap article.text{width:100%}section.home-about section.wrap section.socials{justify-content:center}section.home-about section.wrap section.timeline{margin-top:3.5em}}@media (max-width: 480px){section.home-about section.wrap{padding:1em 0 3em}section.home-about section.wrap article.text{padding:1em}}@media (max-width: 768px){section.home-about{min-height:auto;margin-bottom:0}}section.home-contact{padding-bottom:6em}section.home-contact section.contact-text{min-width:480px;width:35vw;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:none;flex-direction:row;padding:1em;flex-direction:column}section.home-contact section.contact-text section.mail-info{margin-top:4em}section.home-contact section.contact-text section.mail-info p{font-size:clamp(1rem,5vw,1.2rem)}section.home-contact section.contact-text section.mail-info p.mail-header{font-weight:800;margin-bottom:.5em;color:#f0f0f0}section.home-contact section.contact-text section.mail-info p.mail-text{font-family:Roboto Mono,monospace;padding:.5em;font-weight:400;background:#252525;border-radius:.25em;color:#f5f5f599}section.home-contact section.contact-text section.socials{display:flex;justify-content:space-around;align-items:center;flex-direction:row}section.home-contact section.contact-text section.socials span{cursor:pointer;min-width:35px;width:12%;max-width:none;aspect-ratio:1;border-radius:.25em;border:2px solid gray;display:flex;justify-content:center;align-items:center;flex-direction:row;transition:.3s}section.home-contact section.contact-text section.socials span svg{width:70%;height:70%;display:block;pointer-events:none;transition:.3s}section.home-contact section.contact-text section.socials span:hover{rotate:45deg}section.home-contact section.contact-text section.socials span:hover svg{rotate:-45deg}@media (max-width: 768px){section.home-contact section.contact-text{margin-bottom:2em;min-width:auto;max-width:none;width:100%}}section.home-contact:not(.contact-page){padding-top:2em;position:relative;border-top:1px solid #303030}section.home-contact:not(.contact-page):before,section.home-contact:not(.contact-page):after{position:absolute;content:"";top:0;transform:translateY(-50%);width:8%;padding:.75em 0}section.home-contact:not(.contact-page):before{left:0;border-radius:0 .2em .2em 0;background:linear-gradient(to right,#161616,#222121,#4a4a4a)}section.home-contact:not(.contact-page):after{right:0;border-radius:.2em 0 0 .2em;background:linear-gradient(to left,#161616,#222121,#4a4a4a)}section.home-contact section.contact-text{position:relative}section.home-contact section.contact-text span.background-icon{width:80%;bottom:0;left:50%;transform:translate(-50%)}section.home-contact section.socials{margin-top:4em}@media (max-width: 480px){section.home-contact section.socials{margin-top:2.5em}}header.home-header{height:100vh;position:relative;display:flex;justify-content:flex-start;align-items:center}header.home-header section.left-informations{width:640px;max-width:100%;margin-left:clamp(0em,4vw,4em);z-index:2;padding-left:2em;border-left:3px solid rgba(0,0,0,0);overflow:hidden;animation:border 2s;animation-fill-mode:forwards;animation-delay:1.5s}@keyframes border{0%{border-color:#0000}to{border-color:#4169e1}}header.home-header section.left-informations p{margin:.75em .5em 2em 0;font-size:clamp(.8rem,2.5vw,.95rem);font-weight:400;animation:rightBlend 2s;animation-fill-mode:forwards;transform:translate(200%)}header.home-header section.left-informations p span{color:#add8e6;font-weight:700}@keyframes rightBlend{0%{transform:translate(200%)}to{transform:translate(0)}}header.home-header section.left-informations button{padding:clamp(.5em,5vw,1.5em) clamp(1.5em,5vw,2.5em);border-radius:.5em;outline:0;border:2px solid #4169e1;background:none;cursor:pointer}header.home-header section.left-informations button,header.home-header section.left-informations button>*{transition:.3s}header.home-header section.left-informations button label{color:#4169e1;font-weight:500;font-size:clamp(.9rem,4vw,1.1rem);letter-spacing:-1px;font-family:Sora,sans-serif}header.home-header section.left-informations button:hover{background:#3a5ecd}header.home-header section.left-informations button:hover label{color:#f5f5f5}header.home-header section.left-informations div.headers{position:relative}header.home-header section.left-informations div.headers h1,header.home-header section.left-informations div.headers h2{font-size:clamp(1.75rem,7vw,3.5rem);font-weight:600;display:flex;justify-content:none;align-items:center;animation:leftBlend 2s;animation-fill-mode:forwards;transform:translate(-200%)}header.home-header section.left-informations div.headers h1 span,header.home-header section.left-informations div.headers h2 span{font-family:Roboto Mono,monospace;font-weight:700;margin-left:.35em;word-spacing:-10px;color:#799aff}header.home-header section.left-informations div.headers h1 svg,header.home-header section.left-informations div.headers h2 svg{display:block;height:clamp(23px,6vw,55px);width:clamp(23px,6vw,55px);margin-left:clamp(.1em,1vw,.25em)}header.home-header section.left-informations div.headers h2{animation-delay:.75s}@keyframes leftBlend{0%{transform:translate(-200%)}to{transform:translate(0)}}header.home-header figure{position:absolute;left:0;top:0;bottom:auto;right:auto;width:100%;height:100%;background:#0c1111}header.home-header figure img{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){header.home-header section.left-informations{padding:0;border:0}header.home-header section.left-informations div.headers{text-align:center}}section.home-projects{min-height:100vh;position:relative;border-top:1px solid #303030}section.home-projects:before,section.home-projects:after{position:absolute;content:"";top:0;transform:translateY(-50%);width:8%;padding:.75em 0}section.home-projects:before{left:0;border-radius:0 .2em .2em 0;background:linear-gradient(to right,#161616,#222121,#4a4a4a)}section.home-projects:after{right:0;border-radius:.2em 0 0 .2em;background:linear-gradient(to left,#161616,#222121,#4a4a4a)}section.home-projects div.text-wrap{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0 clamp(1em,7vw,5em);margin-bottom:3.5em;margin-top:1.5em}section.home-projects div.text-wrap div.entry-info{font-family:Roboto Mono,monospace;padding:2em 0 .5em!important}section.home-projects div.text-wrap button{border-radius:.15em;padding:.75em 2em;text-transform:uppercase;outline:0;border:0;background:#dc143c;cursor:pointer;transition:.5s}section.home-projects div.text-wrap button label{font-weight:600;letter-spacing:1px;font-family:Sora,sans-serif;color:#f0f0f0;font-size:clamp(.75rem,4vw,.9rem)}section.home-projects div.text-wrap button:hover{background:#ad102f}@media (max-width: 480px){section.home-projects div.text-wrap{align-items:center;flex-direction:column}section.home-projects div.text-wrap button{margin-top:.5em}}section.home-projects span.background-icon{height:95%;top:50%;left:50%;transform:translate(-50%,-50%)}section.home-projects section.container{display:flex;justify-content:space-around;align-items:center;flex-direction:row;flex-wrap:wrap;align-items:stretch}section.home-skills{border-top:1px solid #303030;padding:0 clamp(0em,4vw,3em) 5em clamp(0em,4vw,3em);position:relative}section.home-skills:before,section.home-skills:after{position:absolute;content:"";top:0;transform:translateY(-50%);width:8%;padding:.75em 0}section.home-skills:before{left:0;border-radius:0 .2em .2em 0;background:linear-gradient(to right,#161616,#222121,#4a4a4a)}section.home-skills:after{right:0;border-radius:.2em 0 0 .2em;background:linear-gradient(to left,#161616,#222121,#4a4a4a)}section.home-skills span.background-icon{height:50%;top:60%;left:50%;transform:translate(-50%,-60%)}section.home-skills div.info-skill{display:flex;justify-content:none;align-items:center;flex-direction:row;margin-top:2em;width:max-content;cursor:pointer}section.home-skills div.info-skill p{font-weight:500;pointer-events:none}section.home-skills div.info-skill span{width:30px;height:30px;display:block;transform:rotate(180deg);margin-left:.5em;pointer-events:none;transition:.4s}section.home-skills section.container{display:flex;justify-content:space-around;align-items:center;flex-direction:row;align-items:stretch;margin-top:1em;flex-wrap:wrap;overflow:hidden;transition:.4s}section.home-skills section.container article.skill{width:510px;margin-bottom:4em;background:#202020;padding:1.5em clamp(.5em,5vw,1.5em);padding-left:clamp(.5em,5vw,2em);border-radius:.25em;border-left:3px solid #4169e1}section.home-skills section.container article.skill section.percent-bar{margin-top:2em}section.home-skills section.container article.skill section.percent-bar div.bar{width:100%;position:relative;border-radius:.15em;background:#303030;height:20px}section.home-skills section.container article.skill section.percent-bar div.bar div.fill{position:absolute;left:0;top:0;height:100%;background:orange;border-radius:.15em;width:0%;transition:2s}section.home-skills section.container article.skill section.percent-bar div.bar div.fill:before{content:attr(data-fill);position:absolute;right:0;bottom:100%;translate:50% -50%;background:#404040;font-size:.75rem;border-radius:.25em;padding:.5em;z-index:2}section.home-skills section.container article.skill section.percent-bar div.bar div.fill:after{content:"";position:absolute;right:0;width:15px;height:15px;display:block;background:#404040;bottom:100%;translate:50% -50%;transform:rotate(45deg)}section.home-skills section.container article.skill section.percent-bar p{text-transform:uppercase;font-size:.9rem;margin-bottom:.25em;font-family:Roboto Mono,monospace}section.home-skills section.container article.skill div.info{display:flex}section.home-skills section.container article.skill div.info p{display:flex;font-weight:200;font-size:clamp(.8rem,4vw,.9rem)}section.home-skills section.container article.skill div.info p span{font-weight:600;margin-right:.5em;white-space:nowrap}section.home-skills section.container article.skill p.name{font-weight:800;font-size:clamp(1.25rem,4vw,1.5rem);margin:.25em 0 1em}section.home-skills section.container article.skill span.icon{width:clamp(50px,17vw,80px);height:clamp(50px,17vw,80px);display:block}@media (max-width: 480px){section.home-skills{padding:0 .4em 5em}}aside.table-contents{position:fixed;z-index:999;top:50%;left:0;translate:-100% -50%;background:#191919fc;border:1px solid #404040;border-left:0;border-radius:0 .2em .2em 0;transition:.3s;padding:2.5em 2em;width:350px;max-width:calc(100% - 22px);height:100vh;display:flex;flex-direction:column}aside.table-contents p.header{text-transform:uppercase;font-size:1.1rem;margin-bottom:2em;font-weight:700;border-left:2px solid orange;padding-left:.5em}aside.table-contents section.socials{display:flex;justify-content:center;align-items:center;flex-direction:row}aside.table-contents section.socials span{width:30px;height:30px;display:block;margin:0 .25em;transition:.3s;cursor:pointer}aside.table-contents section.socials span:hover{color:auto;background:none}aside.table-contents ul{list-style:none;flex-grow:1}aside.table-contents ul li{font-family:Roboto Mono,monospace;font-weight:400;width:max-content;font-size:clamp(.85rem,4vw,.95rem);padding:.25em 0;color:#e1e1e1;transition:.3s;cursor:pointer}aside.table-contents ul li:hover{color:#6da0ff;background:auto}aside.table-contents span.expand-arrow{position:absolute;left:100%;transform:translateY(-50%);top:50%;width:22px;height:22px;display:block;background:#333;cursor:pointer}aside.table-contents span.expand-arrow:hover svg{background:#404040;transform:scale(1.2)}main.contact-page{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:86px}main.contact-page section.home-contact{width:100%}main.about-page{padding-top:86px}main.projects-page{min-height:100vh;padding:calc(86px + 3em) 4em 5em 4em;position:relative;display:flex;flex-direction:column}main.projects-page section.loading-projects{flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:row}main.projects-page section.loading-projects h2{font-weight:800;font-size:2.75rem;letter-spacing:-1px;color:#6e6e6e}main.projects-page section.entry-section{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:1em}main.projects-page section.entry-section div.searchbar{width:25%;min-width:180px;position:relative;margin-left:.5em}main.projects-page section.entry-section div.searchbar span{position:absolute;right:.25em;top:50%;translate:0 -50%;width:25px;height:25px;display:block}main.projects-page section.entry-section div.searchbar input{width:100%;padding:1em 3em 1em 1em;border:0;border-radius:.25em;outline:0;color:#f0f0f0;font-weight:400;font-size:clamp(.9rem,4vw,1rem);background:#282828}main.projects-page section.entry-section h1.number{font-weight:600;font-size:clamp(1.2rem,5vw,2rem)}main.projects-page section.filter{height:100vh;background:#282828;z-index:99;translate:-100% 0;transition:.5s;position:fixed;width:30%;min-width:480px;left:0;top:0;padding:2em 1.5em;display:none;flex-direction:column}main.projects-page section.filter p.text{font-size:2rem;margin-bottom:2em;font-weight:600}main.projects-page section.filter span.filter-icon{width:clamp(30px,10vw,50px);height:clamp(30px,10vw,50px);display:block;display:flex;justify-content:center;align-items:center;flex-direction:row;background:#4169e1;border-radius:.1em;transition:.3s;cursor:pointer;position:absolute;left:100%;top:50%;translate:0 -50%}main.projects-page section.filter span.filter-icon svg{width:60%;height:60%;display:block}main.projects-page section.filter span.filter-icon:hover{background:#214cce}main.projects-page section.filter form.container{transition:.3s;overflow:scroll;flex-grow:1}main.projects-page section.filter form.container p.by-info{margin-bottom:.25em;font-weight:600}main.projects-page section.filter form.container div.select{width:100%;position:relative;border-radius:.2em;border:1px solid #313131;background:#202020;margin-bottom:1.5em}main.projects-page section.filter form.container div.select div.current{display:flex;justify-content:space-between;align-items:center;flex-direction:row;cursor:pointer;padding:1em}main.projects-page section.filter form.container div.select div.current input{width:max-content;background:none;font-family:Roboto Mono,monospace;font-size:.9rem;outline:0;border:0;width:80%;pointer-events:none;color:#f0f0f0}main.projects-page section.filter form.container div.select div.current input.def{color:#a0d6ff}main.projects-page section.filter form.container div.select div.current span{width:25px;height:25px;display:block;transition:.3s}main.projects-page section.filter form.container div.select div.current span svg{width:100%;height:100%;display:block}main.projects-page section.filter form.container div.select div.current input,main.projects-page section.filter form.container div.select div.current span{pointer-events:none}main.projects-page section.filter form.container div.select ul{position:absolute;top:100%;left:0;width:100%;display:none;transition:.3s;height:0;background:#151515;border:1px solid #313131;border-top:0;border-radius:0 0 .15em .15em;z-index:9;list-style:none;overflow:hidden}main.projects-page section.filter form.container div.select ul li{padding:1em .5em;font-size:.9rem;font-weight:400;transition:.3s;cursor:pointer}main.projects-page section.filter form.container div.select ul li:hover{color:auto;background:#2d468f}@media (max-width: 480px){main.projects-page section.filter{min-width:100%;width:100%;padding:2em .75em;background:#282828f2}}main.projects-page section.project-container{display:flex;justify-content:space-around;align-items:center;flex-direction:row;flex-wrap:wrap;align-items:stretch;padding:2em 1em;background:#202020}main.projects-page section.project-container h2{color:#969696;font-size:1.5rem;font-weight:300}@media (max-width: 480px){main.projects-page{padding:calc(86px + 3em) 1em 5em 1em}main.projects-page section.project-container{padding:2em 0}}main.one-project-page{padding:1em 0 4em;min-height:100vh;width:70%;margin:86px auto 0}main.one-project-page article.container p.header{text-transform:uppercase;font-weight:600;font-size:.9rem;margin-bottom:1em}main.one-project-page article.container section:not(.title-links){margin-top:3.5em;display:flex;justify-content:space-between;align-items:center;flex-direction:row;font-family:Roboto Mono,monospace}main.one-project-page article.container section:not(.title-links) div.wrap{width:50%}main.one-project-page article.container section:not(.title-links) span.icon{width:clamp(30px,8vw,60px);height:clamp(30px,8vw,60px);display:block}main.one-project-page article.container section:not(.title-links) span.icon svg{width:100%;height:100%;display:block}main.one-project-page article.container section:not(.title-links).description p{white-space:pre-line}main.one-project-page article.container section:not(.title-links) p.para{font-size:clamp(.85rem,4vw,.95rem);font-weight:400}main.one-project-page article.container section:not(.title-links) p.para figure{width:100%;margin:.5em 0}main.one-project-page article.container section:not(.title-links) p.para figure img{width:100%}main.one-project-page article.container section:not(.title-links) ul{list-style:none}main.one-project-page article.container section:not(.title-links) ul li{font-weight:400;color:#e5e5e5;position:relative;font-size:clamp(.85rem,4vw,.9rem)}main.one-project-page article.container section:not(.title-links) ul li:not(.clear):before{content:"";position:absolute;top:10px;right:calc(100% + 6px);width:8px;height:2px;background:#4169e1}main.one-project-page article.container section.title-links{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:2em;background:#202020}main.one-project-page article.container section.title-links h1{font-size:clamp(1.25rem,6vw,2rem);width:70%;font-weight:700}main.one-project-page article.container section.title-links div.links{display:flex}main.one-project-page article.container section.title-links div.links span.icon{width:clamp(35px,8vw,40px);height:clamp(35px,8vw,40px);display:block;background:#303030;border:1px solid #505050;border-radius:50%;transition:.3s;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative}main.one-project-page article.container section.title-links div.links span.icon:before{content:attr(data-text);width:max-content;position:absolute;left:50%;top:105%;transform:translate(-50%);font-size:.8rem;padding:.5em;background:#252525;border-radius:.15em;border:1px solid #444;opacity:0;pointer-events:none;transition:.3s}main.one-project-page article.container section.title-links div.links span.icon svg{width:65%;height:65%;display:block;transition:.3s}main.one-project-page article.container section.title-links div.links span.icon:nth-child(2){margin-left:.75em}main.one-project-page article.container section.title-links div.links span.icon:nth-child(2) svg{width:55%;height:55%;display:block}main.one-project-page article.container section.title-links div.links span.icon:hover{color:#d0d0d0;background:#505050}main.one-project-page article.container section.title-links div.links span.icon:hover svg{transform:scale(.9)}main.one-project-page article.container section.title-links div.links span.icon:hover:before{opacity:1}main.one-project-page article.container section.title-links div.links span.icon.red{cursor:auto;color:#dc143c}main.one-project-page section.thumbnail{width:100%;max-height:500px;display:flex;justify-content:center;align-items:center;flex-direction:row;overflow:hidden}main.one-project-page section.thumbnail img{width:100%}@media (max-width: 768px){main.one-project-page{width:95%}main.one-project-page article.container section.title-links{flex-direction:column;padding:1em .5em}main.one-project-page article.container section.title-links h1{width:100%;text-align:center;margin-bottom:1em}}@media (max-width: 480px){main.one-project-page article.container section:not(.title-links){padding:0 .75em}main.one-project-page article.container section:not(.title-links) div.wrap{width:80%}}*{box-sizing:border-box;padding:0;margin:0;font-weight:300}div.App,div#root{overflow-x:hidden}body{min-height:100vh;width:100vw;overflow-x:hidden;color:#fff;font-family:Sora,sans-serif;background:#181818;scroll-behavior:smooth}@font-face{font-family:Sora;src:url(/portfolio/assets/Sora-B-NSZvbM.ttf)}@font-face{font-family:Roboto Mono;src:url(/portfolio/assets/RobotoMono-Be6w_Krw.ttf)}svg{width:100%;height:100%;display:block}span.layout-arrow-top{position:fixed;bottom:5px;right:5px;width:30px;height:30px;display:block;background:#3155be;z-index:99;display:flex;justify-content:center;align-items:center;flex-direction:row;opacity:0;pointer-events:none;transition:.25s;cursor:pointer}span.layout-arrow-top:hover{color:auto;background:#2d468f}span.layout-arrow-top svg{width:65%;height:65%;display:block}span.background-icon{position:absolute;aspect-ratio:1;z-index:-1}span.background-icon svg{color:#303030;opacity:.1}article.project-small{background:#151515;width:25%;min-width:350px;margin:0 1em 3em;border-bottom:5px solid rgba(65,105,225,.5);border-radius:.5em;display:flex;flex-direction:column;position:relative}article.project-small div.wrap{display:flex;justify-content:space-between;align-items:none;flex-direction:row;padding:.75em .75em 1em;flex-direction:column;flex-grow:1}article.project-small section.tags{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:row;margin-top:1.75em}article.project-small section.tags button{border-radius:.15em;outline:0;border:0;background:#3a5dc8;transition:.3s;cursor:pointer}article.project-small section.tags button label{color:#f0f0f0;font-weight:500;font-size:clamp(.8rem,4vw,.95rem);padding:.75em 1.25em;display:block;font-family:Sora,sans-serif}article.project-small section.tags button:hover{background:#1d44b8}article.project-small section.tags ul{list-style:none;display:flex}article.project-small section.tags ul li{position:relative}article.project-small section.tags ul li:not(:first-child){margin-left:.5em}article.project-small section.tags ul li:before{width:max-content;content:attr(data-text);padding:.25em .5em;font-size:.9rem;background:#4169e1;position:absolute;top:calc(100% + 2px);border-radius:.25em;pointer-events:none;opacity:0;transition:.5s;left:50%;transform:translate(-50%)}article.project-small section.tags ul li span{width:clamp(23px,7vw,35px);height:clamp(23px,7vw,35px);display:block;display:flex;justify-content:center;align-items:center;flex-direction:row;border-radius:50%;border:1px solid #f0f0f0;transition:.5s}article.project-small section.tags ul li span svg{width:80%;height:80%;display:block}article.project-small section.tags ul li:hover:before{opacity:1}article.project-small section.tags ul li:hover span{background:#f0f0f0}article.project-small section.tags ul li:hover span svg{color:#3c3c3c}article.project-small p.header{font-weight:600;margin:.2em 0;font-size:clamp(1rem,6vw,1.75rem)}article.project-small p.para{font-size:clamp(.8rem,4vw,.9rem);font-weight:300}article.project-small figure{aspect-ratio:2;overflow:hidden;z-index:2}article.project-small figure img{width:100%;height:100%;display:block;object-fit:cover;transition:.3s}article.project-small:before{content:"";position:absolute;right:-4px;top:-4px;background:#4169e180;width:40px;height:40px;display:block}@media (max-width: 480px){article.project-small{min-width:auto;max-width:none;width:100%}}div.header-info{display:flex;justify-content:center;align-items:center;flex-direction:row;padding:2em 0 3em}div.header-info p{font-size:clamp(.95rem,4vw,1.2rem);font-weight:700;letter-spacing:1px}div.header-info p span{font-size:.9rem;color:#555;font-weight:700}div.header-info span.icon{width:23px;height:23px;display:block;margin-left:.75em;color:#555}