:root{font-size:16px}:root:before{content:"";position:absolute;background-image:url(/noise.png);mix-blend-mode:overlay;pointer-events:none;top:0;left:0;width:100vw;height:100vh;z-index:3}.notfound{text-align:center}body{color:#ece0c8;background:#293241;font-family:Mulish,sans-serif;margin:0;padding:1rem;box-sizing:border-box}.home{display:block;font-size:3rem;width:100%;text-align:center;margin:auto auto 1rem;font-weight:1000;font-family:Passero One,cursive}.content{max-width:100vw;margin:auto;overflow-y:scroll;height:calc(100vh - 7rem);max-height:calc(100vh - 7rem);scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}@media screen and (min-width:768px){.content{max-width:1440px}}h1,h2,h3,h4,h5,h6{font-weight:1000;font-family:Mulish,sans-serif;white-space:wrap;overflow:hidden;text-overflow:ellipsis}p{font-family:Playfair Display,sans-serif;font-size:1.25rem;color:#98c1d9;text-align:justify}a{text-decoration:none}a,a:hover,a:visited{color:#ee6c4d}.slider-container{display:flex;flex-direction:column;align-items:start;width:100%}.custom-slider{-webkit-appearance:none;appearance:none;width:100%;height:1rem;background:#245c5e;outline:none;cursor:pointer;position:relative}.custom-slider::-webkit-slider-runnable-track{background:#245c5e;height:1rem}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background:#98c1d9;transition:.2s;border:3px solid #293241;margin-top:-.25rem}.custom-slider::-webkit-slider-thumb:hover{background:#ee6c4d}.custom-slider::-moz-range-thumb{width:1.5rem;height:1.5rem;background:#98c1d9;transition:.2s;border-radius:none;border:3px solid #293241;cursor:pointer}.custom-slider::-moz-range-thumb:hover{background:#ee6c4d}.toggle-switch{display:flex;align-items:center;cursor:pointer;position:relative;user-select:none}.toggle-switch input{display:none}.toggle-switch input:checked+.slider{background:#245c5e}.toggle-switch input:checked+.slider:before{transform:translateX(1.4rem)}.slider{position:relative;width:3rem;height:1.6rem;background:#98c1d9;transition:.2s}.slider:hover:before{background:#ee6c4d}.slider:before{content:"";position:absolute;width:1rem;height:1rem;background:#3d5a80;border:3px solid #293241;left:.1rem;top:.1rem;transition:.2s}.toggle-label{margin-right:.25rem}input[type=file]{display:none}.image-uploader{width:100%;position:relative;cursor:pointer}.image-input{display:none}.upload-area{width:100%;height:3rem;border:3px dashed #98c1d9;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s ease-in-out;background:#245c5e;box-sizing:border-box}.upload-area.dragover,.upload-area:hover{background:#245c5e;border-color:#98c1d9}.upload-text{text-align:center}.file-name,.upload-text{color:#98c1d9;font-size:1rem;font-weight:700}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}.color-picker-input{height:1.5rem;width:3rem;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;border:2px solid #98c1d9;background:#98c1d9}.color-picker-input::-webkit-color-swatch-wrapper{padding:0;margin:0;border:none}.color-picker-input::-webkit-color-swatch{border:none}.card{background:#245c5e;box-shadow:0 0 32px rgba(0,0,0,.333)}.select-container{position:relative;width:100%}.select-container .custom-select{appearance:none;width:100%;padding:8px 40px 8px 12px;border:none;background-color:#245c5e;font-size:1rem;font-weight:700;font-family:Mulish,sans-serif;color:#98c1d9;outline:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 0 32px rgba(0,0,0,.333)}.select-container .active{border-color:#007bff}.select-container .custom-arrow{position:absolute;top:50%;right:10px;pointer-events:none;transform:translateY(-50%);color:#98c1d9;transition:transform .2s ease-in-out}.select-container .rotate{transform:translateY(-50%) rotate(180deg)}.profil{padding:1rem;display:flex;flex-direction:column;row-gap:1rem;margin:auto;text-align:center}@media screen and (min-width:480px){.profil{width:25rem}}.profil h1{font-size:2.25rem;margin:0}.profil p{margin:0}.profil img{border:3px solid #293241;margin:auto}.profil .socials{display:flex;flex-direction:row;column-gap:1rem;justify-content:center}.profil .socials__link{width:3rem;height:3rem;line-height:3rem;color:#293241;text-align:center;background-image:radial-gradient(circle at left top,#ede6bf,#ecc947,#cb5a31,#6f5d79,#4e779a);border-radius:100%;border:3px solid #293241;transition:all .4s ease-in-out;display:flex;justify-content:center;align-items:center}.profil .socials__link:hover{color:#293241;scale:1.1;box-shadow:.5rem .5rem rgba(0,0,0,.333);transition:all .2s ease-in-out}