*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#fff}a,span,p,h1,h2,h3{-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden}a{color:#fff;text-decoration:none}.italic{font-style:italic}.orange{color:#f97316}#canvas{position:absolute;top:0;left:0;display:block;width:100vw;height:100vh}header{position:fixed;top:0;left:0;transform:translateY(-100%);width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;padding:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0 0 10px 10px;background-color:#0006}.mainTitle{color:#fff}.mainTitle h1 span{display:block}.mainTitle .name{text-transform:uppercase;font-weight:600;font-size:25px}.mainTitle .job{font-weight:300;font-size:16px}.rightSide,.infos{display:flex;align-items:center;gap:20px}.rightSide a,.rightSide button,.infos a,.infos button{color:#000;display:inline-block;text-align:right;padding:5px 10px;background-color:#fff;border:0;border-radius:5px;transition:transform .1s ease-out;will-change:transform;cursor:pointer}.rightSide a:hover,.rightSide button:hover,.infos a:hover,.infos button:hover{transform:scale(1.15)}.rightSide .addPlotBtn,.infos .addPlotBtn{color:#fff;background:#f97316;padding:10px 15px}.mainText{display:flex;justify-content:flex-start;align-items:center;width:max-content;height:max-content;max-width:90%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;padding:20px 30px;border-radius:10px;font-size:4vw;font-weight:300;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;line-height:1;pointer-events:none}.mainText.visible{opacity:1;transform:translate(-50%,-50%)}.mainText>p{display:none}.mainText>p.visible{display:block}.mainText .plotActive{line-height:.8}.mainText .name{color:#f97316}.mainText .social{font-size:1.5vw}.mainText .nb{display:inline-block}.form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);display:none;opacity:0;flex-direction:column;gap:10px;z-index:10;padding:10px 20px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;background-color:#0006;border:2px solid rgba(255,255,255,.5)}.form.visible{display:flex;transform:translate(-50%,-50%) scale(1);opacity:1}.form .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.form .title{font-size:18px;font-weight:300}.form .close{margin-right:-10px;padding:10px;cursor:pointer}.form input{padding:10px 16px;border:none;border-radius:4px;font-size:14px;outline:none}.form button{padding:10px 20px;margin-top:5px;background:#f97316;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.form .formError{color:#ff3232db;font-weight:600;text-decoration:underline;display:none}.form .formError.visible{display:block}@media screen and (max-width: 1024px){header .rightSide{flex-direction:column;align-items:flex-end}.mainText{font-size:8vw}.mainText .social{font-size:5vw}}@media screen and (max-width: 650px){header{flex-direction:column;text-align:center;padding:10px}header .mainTitle .name{font-size:20px}header .mainTitle .job{font-size:14px}header .rightSide{align-items:stretch;align-self:auto;margin-top:10px;gap:10px}header .rightSide .infos{align-items:stretch}header .rightSide a,header .rightSide button{text-align:center}.mainText{font-size:8vw}.mainText .social{font-size:5vw}}