html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#201919}.text1{font-size:6rem;color:#ffa41b}.loader{color:#ffa41b;display:flex;align-items:center;justify-content:center;width:auto}@keyframes roll{0%{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(180deg) rotateY(180deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.spinner{width:50px;height:50px;background-color:#ffa41b;position:relative;animation:roll 3s infinite linear}.line{margin:0;padding:0}.breakLine{background-color:#ffa41b;width:10rem;height:1px}.project-container{display:flex;margin-top:11rem}.fr{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;background-color:#ffa41b;color:#000;border-radius:20px;font-weight:600;top:2rem;right:1.5rem;margin-bottom:2rem;width:2rem;height:2rem;z-index:2}.fr:hover{cursor:pointer}.menu{position:absolute;bottom:3rem;right:0;z-index:2;display:flex;flex-direction:column;align-items:flex-end;text-align:end;padding:1rem}.menu-text{position:relative;z-index:2;font-weight:700;display:flex;justify-content:flex-end;width:100%}.menu li{background-color:transparent;position:relative;overflow:hidden;color:#ffa41b;display:block;width:fit-content;margin-left:auto;text-align:right;padding-left:.5rem;padding-right:.5rem}.menu li:before{z-index:1;content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:#ffa41b;transition:transform .75s ease;transform:scaleX(0);transform-origin:right}.menu li.active:before{transform:scaleX(1)}.menu li.active{color:#201919}li,ul{list-style-type:none;margin:0;padding:0}li{font-size:2rem;font-weight:500;color:#ffa41b;margin:0 2px}li:hover{cursor:pointer}.back{position:absolute;bottom:3.5rem;left:1rem;z-index:2;color:#ffa41b}.back:hover{cursor:pointer}.pan-helper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem;background:rgba(32,25,25,.85);border:2px solid #ffa41b;border-radius:12px;animation:fadeIn .5s ease-in,pulse 2s ease-in-out infinite;pointer-events:none}.pan-helper.fade-out{animation:fadeOut 1s ease-out forwards}.pan-icon{animation:moveAround 3s ease-in-out infinite}.pan-text{color:#ffa41b;font-size:1rem;font-weight:600;margin:0;text-align:center;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes pulse{0%,to{box-shadow:0 0 20px #ffa41b4d}50%{box-shadow:0 0 30px #ffa41b99}}@keyframes moveAround{0%,to{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translateY(5px)}75%{transform:translate(-5px)}}:root{font-family:Mulish,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#8134df;text-decoration:inherit}a:hover{color:#8134df}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}