@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Preahvihear&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Dirt&display=swap";header[data-v-1eba4261]{background-color:var(--tertiary-color)}.logo[data-v-1eba4261]{height:82.4px;width:82.4px}.logo h2[data-v-1eba4261]{font-family:Rubik Dirt;font-weight:400;font-style:normal;font-size:4rem}nav[data-v-1eba4261]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem 1rem .5rem;position:relative}.navigation[data-v-1eba4261]{position:absolute;top:100%;left:-100%;transform:translate(-50%);transition:left .6s ease;width:100%;text-align:center;z-index:10;background-color:var(--tertiary-color);z-index:99999}.navigation .item a[data-v-1eba4261]{display:flex;gap:.5rem;padding-left:3rem}.navigation li[data-v-1eba4261],.navigation li a[data-v-1eba4261]{padding:1rem 0}.open[data-v-1eba4261]{left:50%}.navbar-burger[data-v-1eba4261]{border:none;background:transparent;cursor:pointer;padding:1rem}.navbar-burger .navbar-burger-bar[data-v-1eba4261]{width:1.5rem}.navbar-burger-bar[data-v-1eba4261],.navbar-burger-bar[data-v-1eba4261]:before,.navbar-burger-bar[data-v-1eba4261]:after{position:relative;content:"";display:block;width:3rem;height:.4rem;background:var(--primary-color);transition:all .3s ease-in}.navbar-burger-bar[data-v-1eba4261]:before{position:absolute;top:-.8rem}.navbar-burger-bar[data-v-1eba4261]:after{position:absolute;top:.8rem}.navbar-burger.open .navbar-burger-bar[data-v-1eba4261]{background:transparent}.navbar-burger.open .navbar-burger-bar[data-v-1eba4261]:after,.navbar-burger.open .navbar-burger-bar[data-v-1eba4261]:before{top:0}.navbar-burger.open .navbar-burger-bar[data-v-1eba4261]:after{transform:rotate(45deg)}.navbar-burger.open .navbar-burger-bar[data-v-1eba4261]:before{transform:rotate(-45deg)}@media (min-width: 1024px){nav[data-v-1eba4261]{padding:0;margin:0 auto;width:clamp(350px,90vw,100rem)}.navbar-burger[data-v-1eba4261]{display:none}.navigation[data-v-1eba4261]{position:relative;top:0;left:0;transform:none;z-index:10;width:max-content;display:flex;gap:2rem;background-color:inherit}.navigation li[data-v-1eba4261]{width:8rem;text-align:center}.navigation .item a[data-v-1eba4261]{display:inline;padding:1rem}header .hori-selector[data-v-1eba4261]{display:inline-block;position:absolute;height:75px;width:128px;bottom:0;left:calc(20.7% * var(--nav-position));transition-duration:.6s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);background-color:var(--secondary-color);border-top-left-radius:15px;border-top-right-radius:15px;z-index:-10}.hori-selector .right[data-v-1eba4261],.hori-selector .left[data-v-1eba4261]{position:absolute;width:25px;height:25px;background-color:var(--secondary-color);bottom:0}.hori-selector .right[data-v-1eba4261]{right:-25px}.hori-selector .left[data-v-1eba4261]{left:-25px}.hori-selector .right[data-v-1eba4261]:before,.hori-selector .left[data-v-1eba4261]:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background-color:var(--tertiary-color)}.hori-selector .right[data-v-1eba4261]:before{bottom:0;right:-25px}.hori-selector .left[data-v-1eba4261]:before{bottom:0;left:-25px}}.color-range[data-v-92dbfe22]{height:14.5rem;position:relative}.color-range div[data-v-92dbfe22]{position:absolute;top:45%}.color-range .hue-container[data-v-92dbfe22]{transform:rotate(-90deg);width:12rem;right:-25%}.color-range .lightness-container[data-v-92dbfe22]{transform:rotate(90deg);width:12rem;left:-53%}.color-range .saturation-container[data-v-92dbfe22]{transform:rotate(90deg);width:12rem;left:-20%}input[type=range][data-v-92dbfe22]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;border-radius:4px;outline:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}input[type=range][data-v-92dbfe22]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:20px;background:transparent;border:2px solid var(--border-color);cursor:pointer;border-radius:0}input[type=range][data-v-92dbfe22]::-moz-range-thumb{width:10px;height:20px;cursor:pointer;background:transparent;border:2px solid var(--border-color);border-radius:0}input[type=range][data-v-92dbfe22]::-ms-thumb{width:10px;height:20px;cursor:pointer;background:transparent;border:2px solid var(--border-color);border-radius:0}aside[data-v-92dbfe22]{position:relative}.setting[data-v-92dbfe22]{background-color:var(--tertiary-color);position:fixed;right:var(--right-value);bottom:50%;transform:translateY(50%);border-top-left-radius:6px;border-bottom-left-radius:6px;box-shadow:var(--box-shadow);transition:right .5s ease;z-index:999;cursor:pointer;padding:1rem .5rem}.setting .btn-setting[data-v-92dbfe22]{box-shadow:var(--box-shadow);background-color:var(--tertiary-color);position:absolute;top:50%;right:100%;transform:translateY(-50%);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);padding:.5rem .3rem .2rem}.setting .btn-setting svg[data-v-92dbfe22]{animation:setting-92dbfe22 5s linear infinite}.setting .btn-setting svg path[data-v-92dbfe22]{fill:var(--primary-color)}@keyframes setting-92dbfe22{0%{transform:rotate(0)}to{transform:rotate(360deg)}}select[data-v-92dbfe22]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--tertiary-color);border:var(--border);padding:.5em 2em .5em 1em;border-radius:var(--border-radius-sm);color:var(--primary-color);cursor:pointer;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75em center}select[data-v-92dbfe22]:hover{border-color:var(--primary-color)}select[data-v-92dbfe22]:focus{outline:none;border-color:var(--primary-color)}select option[data-v-92dbfe22]{background-color:var(--tertiary-color);color:var(--primary-color)}.theme-switch[data-v-92dbfe22]{position:relative;display:flex;justify-content:center;direction:rtl}#theme-checkbox[data-v-92dbfe22]{display:none}#theme-checkbox+label[data-v-92dbfe22]{font-size:2rem;height:1em;width:2.5em;border-radius:.25em;cursor:pointer;display:flex;justify-content:space-between;position:relative;border:var(--border)}#theme-checkbox+label[data-v-92dbfe22]:hover{border-color:var(--primary-color)}#theme-checkbox+label[data-v-92dbfe22]:focus{outline:none;border-color:var(--primary-color)}#theme-checkbox:checked+label[data-v-92dbfe22]{background-color:#3a3a3a}#theme-checkbox+label[data-v-92dbfe22]:active{transform:scale(.85);transition:transform .2s}#theme-checkbox+label div[data-v-92dbfe22]{width:.8em;height:.8em;border-radius:inherit;position:absolute;top:.1em;left:.1em;z-index:10;transition:.5s cubic-bezier(1,.33,.11,1.34);background-color:#f2f2f2}#theme-checkbox:checked+label div[data-v-92dbfe22]{left:1.6em;background-color:#212121}#theme-checkbox+label span[data-v-92dbfe22]{display:flex}#theme-checkbox+label svg[data-v-92dbfe22]{display:inline-block;height:1em;width:1em;padding:.15em;box-sizing:border-box}#theme-checkbox+label span[data-v-92dbfe22]:first-of-type{color:var(--primary-color)}#theme-checkbox+label span[data-v-92dbfe22]:last-of-type{color:var(--primary-color)}.socials[data-v-92dbfe22]{position:fixed;z-index:999;bottom:50vh;left:-3%;transform:translateY(40%)}.aside-buttons[data-v-92dbfe22]{position:relative;padding:5rem 5rem 5rem 1rem;opacity:.3;transition:all 1s ease}.aside-buttons[data-v-92dbfe22]:hover{opacity:1}.aside-button[data-v-92dbfe22]{position:absolute;transition:var(--transition);border-radius:var(--radius-100);font-size:1rem;height:2rem;width:2rem;color:var(--primary-color);background-color:var(--tertiary-color);box-shadow:var(--box-shadow);border:none}.social-button[data-v-92dbfe22]{z-index:999}.fa-diagram-project[data-v-92dbfe22]{margin-top:3px}.dev-button[data-v-92dbfe22]{transition-delay:0s,0s,0s;transition-property:translate}.dev-button[data-v-92dbfe22]:hover{background:#fffc00}.aside-buttons:hover .dev-button[data-v-92dbfe22]{translate:0px 50px}.linkedin-button[data-v-92dbfe22]{transition-delay:.2s,0s,.2s;transition-property:translate}.linkedin-button[data-v-92dbfe22]:hover{background:#25d366}.aside-buttons:hover .linkedin-button[data-v-92dbfe22]{translate:28px 32px}.discord-button[data-v-92dbfe22]{transition-delay:.3s,0s,.3s;transition-property:translate}.discord-button[data-v-92dbfe22]:hover{background:#5865f2}.aside-buttons:hover .discord-button[data-v-92dbfe22]{translate:40px 0px}.twitter-button[data-v-92dbfe22]{transition-delay:.4s,0s,.4s;transition-property:translate}.twitter-button[data-v-92dbfe22]:hover{background:#001aff}.aside-buttons:hover .twitter-button[data-v-92dbfe22]{translate:28px -32px}.github-button[data-v-92dbfe22]{transition-delay:.5s,0s,.5s;transition-property:translate}.github-button[data-v-92dbfe22]:hover{background:#ff4500}.aside-buttons:hover .github-button[data-v-92dbfe22]{translate:0px -50px}@media (min-width: 1024px){.socials[data-v-92dbfe22]{left:0}}footer[data-v-f7fa3694]{text-align:center;padding:1rem;font-size:12px;background-color:var(--tertiary-color)}@media (min-width: 1024px){footer[data-v-f7fa3694]{padding:0}footer[data-v-f7fa3694]>*:not(:first-child){display:none}}.menu-fade-enter-active[data-v-61520b36],.menu-fade-leave-active[data-v-61520b36]{transition:transform .8s ease}.menu-fade-enter-from[data-v-61520b36],.menu-fade-leave-to[data-v-61520b36]{transform:translate(100%)}.menu-fade-enter-to[data-v-61520b36],.menu-fade-leave-from[data-v-61520b36]{transform:translate(0)}@media (min-width: 1024px){.menu-fade-enter-from[data-v-61520b36],.menu-fade-leave-to[data-v-61520b36]{transform:translateY(100%)}.menu-fade-enter-to[data-v-61520b36],.menu-fade-leave-from[data-v-61520b36]{transform:translateY(0)}}body{overflow-x:hidden;background-color:var(--tertiary-color)}#app{overflow-x:hidden}h2,.icon{color:var(--primary-color)}.btn{padding:.5rem 1rem;z-index:5;border-radius:8px;transition:all .1s ease-in-out;background-color:var(--senary-color);color:var(--secondary-color)}.btn:hover{filter:drop-shadow(10px 10px 2px rgba(0,0,0,.571))}.title{color:var(--quinary-color)}.text-color{color:var(--quaternary-color)}@media (min-width: 1024px){body,#app{overflow-y:hidden}}main{position:relative;min-height:calc(85vh - 87.2px);background-color:var(--secondary-color)}.trace{position:absolute;width:4rem;height:4rem;z-index:9999;border-radius:50%;border:1px solid var(--primary-color);pointer-events:none}.trace-click{position:absolute;width:64px;height:64px;border-radius:50%;background:var(--primary-color);pointer-events:none;opacity:.6;animation:fadeOut .3s ease forwards;z-index:9999}@keyframes fadeOut{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)}}.bg-svg-top{display:none;position:absolute;top:0;left:0;height:400px;width:clamp(180px,15vw,467px);z-index:-1;pointer-events:none;filter:drop-shadow(5px 5px 5px rgba(0,0,0,.197))}.waves{position:absolute;bottom:0;width:100vw;height:15vh;min-height:100px;max-height:150px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media (max-width: 768px){.waves{height:40px;min-height:40px}.trace,.trace-click{display:none}}.profil[data-v-d03ec00f]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8rem;padding:var(--padding-mobile-components) 0}.profil .logo-section[data-v-d03ec00f]{display:flex;align-items:center;justify-content:center;position:relative}.logo[data-v-d03ec00f]{background-color:var(--secondary-color);width:15rem;height:15rem;border-radius:50%;z-index:2}.logo .img-container[data-v-d03ec00f]{position:absolute;bottom:.5px;right:8px;border-radius:48% 48% 43%;overflow-y:hidden}.logo .img-container img[data-v-d03ec00f]{position:relative;top:20px;height:100%;width:80%;filter:drop-shadow(10px 10px 2px rgba(0,0,0,.571))}.profil .logo-section[data-v-d03ec00f]:after,.profil .logo-section[data-v-d03ec00f]:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from 0deg,transparent 30%,var(--quinary-color));top:-5px;left:-5px;box-sizing:unset;padding:5px;border-radius:50%;animation:3s spin-d03ec00f linear infinite}.profil .logo-section[data-v-d03ec00f]:before{filter:blur(1.5rem);opacity:1}@keyframes spin-d03ec00f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profil .accueil[data-v-d03ec00f]{display:flex;flex-direction:column;align-items:center;gap:1rem}.profil .accueil h1[data-v-d03ec00f]{font-size:40px}.profil .accueil h2[data-v-d03ec00f]{font-size:25px;padding-bottom:2rem;color:var(--quaternary-color)}@media (min-width: 1024px){.profil[data-v-d03ec00f]{height:calc(100vh - 105.6px);flex-direction:row}}.cursor[data-v-d03ec00f]{border-right:2px solid var(--primary-color);text-align:center;white-space:nowrap;overflow:hidden;max-width:55%}.typewriter-animation[data-v-d03ec00f]{animation:typewriter-d03ec00f 5s steps(50) 1s 1 normal both,blinkingCursor-d03ec00f .5s steps(50) infinite normal}@keyframes typewriter-d03ec00f{0%{width:0}to{width:100%}}@keyframes blinkingCursor-d03ec00f{0%{border-right-color:var(--primary-color)}to{border-right-color:transparent}}:root{--primary-color: hsl(240, 1%, 67%);--secondary-color: hsl(0, 0%, 100%);--tertiary-color: hsl(215, 95%, 15%);--quaternary-color: rgb(0, 0, 0);--quinary-color: hsl(215, 95%, 15%);--senary-color: hsl(215, 95%, 15%);--s: hsl(248, 10%, 16%);--border-color: rgb(197, 196, 196);--svg-color: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 100%, rgba(255, 235, 59, 1) 100%);--primary-color-hover: rgba(var(--primary-color), , .278);--border: 1px solid var(--border-color);--border-radius: 15px;--border-radius-sm: 8px;--box-shadow: 0px 0px 3px 0px var(--tertiary-color);--radius-100: 100px;--transition: all .3s ease-in-out;--padding-mobile-components: 8rem}*{margin:0;padding:0;box-sizing:border-box}img,figure,video{max-width:100%;max-height:100%;object-fit:cover}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{cursor:pointer}