@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";*,:before,:after{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}html{font-family:Karla,sans-serif}body,html{height:100vh}body{background-color:#1a1a1a}.main{width:100%;height:calc(var(--vh, 1vh) * 100)}.main canvas{z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0}.container{margin:0 auto;width:100%;max-width:991px;display:flex;align-items:center}#error-page h1{position:fixed;top:50%;left:50%;transform:translateY(-50%) translate(-50%);font-size:150px;color:#fff}@media (max-width: 768px){#error-page h1{font-size:70px}}.fancy{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.fancy p{position:absolute;bottom:105px;left:-7px;color:#fff;text-transform:uppercase;font-size:11px;transform:rotate(90deg);text-shadow:4px 2px 13px rgba(0,0,0,.5)}@media (max-width: 768px){.fancy p{left:-20px;font-size:10px;bottom:90px}}.fancy p:after{content:"";position:absolute;display:inline-block;top:50%;transform:translateY(-50%) translate(10px);width:30px;height:1px;background-color:#fff}#nav{position:fixed;top:0;left:0;right:0;z-index:999;padding:40px 30px}@media (max-width: 768px){#nav{padding:20px 15px}}#nav nav{width:100%;display:flex;justify-content:space-between}#nav nav .links{display:flex;align-items:center}#nav nav .links li{display:flex}#nav nav .links li a{font-size:14px;text-transform:uppercase;color:#fff;text-decoration:none}#nav nav .links li:last-child a{font-size:12px;color:#f1f1f1}#nav nav .links li:not(:last-child){position:relative;margin-right:10px;padding-right:10px}#nav nav .links li:not(:last-child):after{content:"";top:4px;bottom:4px;right:0;width:1px;background-color:#fff;position:absolute}.logo{cursor:pointer;display:inline-block}@media (max-width: 768px){.logo{transform:scale(.7)}}.logo svg{max-height:60px;height:60px}.logo p{color:#fff;font-size:14px;overflow:hidden;opacity:0;text-transform:uppercase}.speech-text{text-align:center;color:#fff;font-size:25px;text-transform:uppercase}@media (max-width: 768px){.speech-text{font-size:16px}}.speech-area-wrapper{width:100%;display:flex;flex-direction:column;padding:40px 0}.speech-area-skills{position:fixed;top:0;right:0;bottom:0;left:0;transform:translateY(15vh)}ul.categories{width:100%;display:flex;flex-direction:column}ul.categories li.category{cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center}ul.categories li.category:not(:last-child){margin-bottom:5px}ul.categories li.category:hover p{background-size:100% 1px}ul.categories li.category p{color:#fff;font-size:19px;text-transform:capitalize;text-decoration:none;background-image:linear-gradient(#ffffff80,#ffffff80);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background .4s ease-in-out}.speech-area{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.speech-area .siri{margin-right:20px}.home{height:100vh;overflow:hidden}.skills-view{width:100%;height:100%;overflow-y:hidden}.skills-view .skills-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.skills-view .skill-data{height:100%;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.skills-view .skill-data .infos{opacity:0;text-align:center;color:#fff;margin:0 auto;transform:translateY(-10vh)}.skills-view .skill-data .infos .title{font-size:70px;margin-bottom:25px}@media (max-width: 768px){.skills-view .skill-data .infos .title{font-size:50px}}.skills-view .skill-data .infos .desc{font-size:20px;max-width:500px}@media (max-width: 768px){.skills-view .skill-data .infos .desc{font-size:16px;padding:0 15px}}.experiences{position:relative;width:100%}.experiences .scroll-up{cursor:pointer;opacity:0;position:absolute;bottom:70px;left:50%;transform:translate(-50%);text-transform:uppercase;color:#fff}@media (max-width: 520px){.experiences .scroll-up{bottom:40px}}.experiences .line-wrapper{width:100%;aspect-ratio:1/2}@media (max-width: 520px){.experiences .line-wrapper{height:160vh!important}}.experiences svg{max-width:50vw;overflow:visible;margin-top:60vh}.experiences .ball{fill:#fff;visibility:hidden}.experiences .ball.pill-ball{cursor:pointer}.experiences text{fill:#fff;font-size:15px;font-family:Signika Negative,sans-serif;visibility:hidden}.experiences .theLine{opacity:.6;filter:drop-shadow(3px 5px 20px rgba(255,255,255,.2))}.experience-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;pointer-events:none;align-items:center;justify-content:center;display:flex}.experience-modal .content{padding:0 70px;color:#fff;position:relative;background:#fff0;box-shadow:0 8px 32px #7d1f8733;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;width:100%;max-width:600px;overflow:hidden}.experience-modal .content .date{position:absolute;top:50px;left:-10px;display:inline-block;font-size:12px;transform:rotate(90deg);width:65px;white-space:nowrap;text-transform:uppercase}.projects{width:100%;height:100%;padding:100px 70px 30px}@media (max-width: 520px){.projects{padding:100px 60px 30px;height:auto}}.projects-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:60px;grid-row-gap:120px}@media (max-width: 991px){.projects-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:60px;grid-row-gap:60px}}@media (max-width: 520px){.projects-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:50px;grid-row-gap:50px}}.projects-grid .project{opacity:0;position:relative;overflow:hidden;cursor:pointer}@media (max-width: 520px){.projects-grid .project{height:100px}}.projects-grid .project:hover p{opacity:.6}.projects-grid .project:hover img{opacity:.5;transform:scale(1.1)}.projects-grid .project p{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-size:30px;text-transform:uppercase;color:#fff;font-weight:700;z-index:1;transition:opacity .3s ease-in-out}@media (max-width: 991px){.projects-grid .project p{font-size:25px}}@media (max-width: 520px){.projects-grid .project p{font-size:20px}}.projects-grid .project img{opacity:.2;transition:transform .5s ease-in-out,opacity .3s ease-in-out;width:100%;height:100%;object-fit:cover}.experience-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;pointer-events:none;align-items:center;justify-content:center;display:flex;z-index:5}.experience-modal .cross{position:absolute;top:0;right:0;padding:10px 15px;text-align:center;cursor:pointer}.experience-modal .cross:after{content:"X";font-weight:700;font-size:11px}.experience-modal .content{padding:0 70px;color:#fff;position:relative;background:#fff0;box-shadow:0 8px 32px #7d1f8733;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;width:100%;margin:0 15px;max-width:600px;overflow:hidden}@supports not (backdrop-filter: blur(6px)){.experience-modal .content{background-color:#0000004f}}@media (max-width: 520px){.experience-modal .content{padding:0 50px}}.experience-modal .content .infos{width:100%}.experience-modal .content .infos .title{text-align:center;font-size:20px;margin-top:30px}.experience-modal .content .infos .desc{margin-bottom:30px;line-height:1.5}.experience-modal .content .infos .link{display:inline-block;min-width:100px;height:40px;line-height:40px;text-align:center;border-radius:99999px;border:1px solid white;text-decoration:none;color:#fff;text-transform:uppercase;font-size:13px;transition:background .3s ease-in-out,color .3s ease-in-out;margin-bottom:40px}.experience-modal .content .infos .link:hover{background-color:#fff;color:#000}.experience-modal .content .technologies{position:absolute;top:120px;left:-75px;display:inline-block;font-size:12px;transform:rotate(90deg);width:200px;white-space:nowrap;text-transform:uppercase}.experience-modal .content .role{display:inline-block;width:100%;text-align:center;text-transform:uppercase;font-size:11px;margin-bottom:20px}.about{opacity:0;display:flex;flex-direction:column;justify-content:center;padding:10px;color:#fff;height:100vh}@media (max-width: 768px){.about{justify-content:initial}}.about .title{font-size:30px;text-transform:uppercase;margin-bottom:20px}.about .desc{line-height:1.5;text-align:center;font-size:18px;margin-bottom:100px}@media (max-width: 768px){.about{height:auto;padding:100px 50px 60px}.about .title{font-size:20px;margin-bottom:20px}.about .desc{font-size:16px;margin-bottom:60px}}.spoiler{position:relative;cursor:pointer}.spoiler p{position:absolute;top:50%;left:50%;text-transform:uppercase;font-size:14px;color:#fff;transform:translate(-50%) translateY(-50%);transition:opacity .3s ease-in-out}@media (max-width: 768px){.spoiler p{font-size:12px}}.spoiler a{font-size:30px;text-decoration:none;color:#fff;transition:filter .3s ease-in-out;filter:blur(10px) brightness(.85);pointer-events:none}.spoiler.active p{opacity:0}.spoiler.active a{filter:blur(0px) brightness(1);pointer-events:initial}@media (max-width: 768px){.spoiler a{font-size:20px}}