.app{display:grid;grid-template:10% 80% 10% / 50% 50%;height:100vh}@media screen and (max-width: 1024px){.app{grid-template:auto 1fr / auto}}@media screen and (min-width: 1024px){.desktop-hide{display:none}}.desktop-hide{text-align:center}.config-wrapper{grid-row:2 / 3;grid-column:2 / 3;transform:scale(1)}@media screen and (max-width: 1024px){.config-wrapper{grid-row:1 / 3;grid-column:1 / 2;background-color:#0005;justify-content:end}}.header{grid-row:1 / 2;grid-column:1 / 4;height:100%;font-size:100%;font-weight:400;display:flex;justify-content:space-between}.logo,.infos{width:100%;height:100%}.logo{margin-left:4vh;display:flex;align-items:center}.logo img{width:240px;height:57px}.infos{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-right:4vh;opacity:.5}.mail-icon,.linkedin-icon{display:block;width:25px}nav{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.menu__links{display:flex;justify-content:center;gap:30px;list-style:none;padding:0}.menu__links li a{color:#fff;text-decoration:none}.menu__links li a:hover,.menu__links li .active{border-bottom:2px solid #fff}@media screen and (max-width: 1024px){.header{display:none}}.board-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 1024px){.board-page{background-color:#0005;justify-content:end}}.board-form{box-sizing:border-box;display:flex;align-items:center;flex-direction:column;width:100%;gap:12px;vertical-align:center}.under-construction{display:block;font-size:1.5rem;font-weight:400;text-align:center;line-height:100%}.board-form h2{font-size:1rem;align-self:flex-start;font-weight:400;text-align:center;width:100%;margin:20px 0 0}.form-input{font-family:Roboto,sans-serif;font-weight:700;width:150px;padding:10px;margin-bottom:15px;border-radius:20px;border:none;text-align:center;color:#777}.form-input:focus{outline:none}.color-picker{display:flex;justify-content:center;width:100%;gap:15px}.color-picker__circle{height:30px;width:30px;border-radius:50%;display:inline-block;cursor:pointer;outline:2px solid #ffffff}.color-picker__circle--selected{outline:4px solid #ffffff}.slider{position:relative;display:flex;flex-wrap:wrap;width:500px;justify-content:space-between;align-content:flex-start}.slider__item-wrapper{position:relative;width:20%;aspect-ratio:1 / 1;justify-content:center;align-items:center}.slider__item-mask{position:absolute;left:-25%;top:-25%;width:150%;height:150%;overflow:hidden}.slider__item{position:relative;width:58%;height:58%;left:21%;top:21%;cursor:pointer;border-radius:100%}.slider__item.selected{outline:3px solid #fff}.slider__item img{position:relative;width:100%;height:100%;border-radius:100%}@media screen and (max-width: 1024px){.slider{width:350px}.slider__item img,.slider__item{border-radius:10px}}.form-button{color:#fff;width:230px;height:60px;font-size:1rem;font-family:Roboto,sans-serif;font-weight:700;margin-top:30px;cursor:pointer;background:none}.form-button__shadow{width:230px;height:60px;border-radius:50px;outline-offset:-2px;position:absolute;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.3));background-color:red}.form-button__mask{width:230px;height:60px;border-radius:50px;background-color:#aaa;background:none;position:absolute;overflow:hidden}.form-button__mask-outline{width:230px;height:60px;background-color:#aaa;background:none;position:absolute;overflow:hidden}.form-button__outline{width:230px;height:60px;border-radius:50px;outline:3px solid #fff;outline-offset:-3px;background:none;position:absolute}.form-button__background{width:230px;height:60px;background-color:#de6e4b;border-radius:50px;position:absolute}.form-button__over{width:230px;height:60px;background-color:#fff;border-radius:50px;position:absolute;left:-100%}.form-button_text-container{position:absolute;width:230px;height:60px;display:flex;justify-content:center;align-items:center;gap:0px}.form-button__letter{position:relative;display:inline-block;min-inline-size:2%}@media screen and (max-width: 1024px){.form-button{width:180px;height:60px;border-radius:20px}}.title-anim{display:block;font-size:4rem;font-weight:700;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;-webkit-text-fill-color:transparent;text-align:center;line-height:100%}.title-anim__word{position:relative;display:inline-block;overflow:hidden;margin:0 10px;padding:0}.title-anim__letter{position:relative;display:inline-block}.title-anim__letter.fill{-webkit-text-stroke-width:0px;-webkit-text-stroke-color:white;-webkit-text-fill-color:white}.break-line{display:block}@media screen and (max-width: 1024px){.title-anim{font-size:3rem}}.title-price{position:fixed;font-size:2vw;font-weight:700;-webkit-text-stroke-width:0vw;text-align:left;bottom:0;margin:1vw 2vw}.price .fill{-webkit-text-stroke-width:0vw;-webkit-text-stroke-color:white;-webkit-text-fill-color:white}.title .author{-webkit-text-stroke-width:0vw;font-size:50%}.title-price .price{-webkit-text-stroke-width:.05vw;-webkit-text-stroke-color:white;-webkit-text-fill-color:transparent;font-size:200%}@media screen and (max-width: 1024px){.title-price{display:none}}body{margin:0;font-family:Roboto,sans-serif;color:#fff;background-color:#c8bfc7;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#root{position:relative;margin:0;padding:0;overflow:hidden}#app-3d{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}