*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}body,html{font-size:62.5%;font-family:Montserrat,sans-serif;overflow:hidden;box-sizing:border-box;outline:none}html:active body:active{background:none;outline:none}body{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center}.web-gl{position:fixed;top:0;left:0;outline:none;z-index:3}.web-gl:focus,.web-gl:active{outline:none}.bg{top:0;position:absolute;width:100%;height:100%;background:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;opacity:1;z-index:4}.animate-bg{animation:bg 2s ease forwards}.img-con{text-align:center}.img-con>img{width:340px}.container{--uib-size: 55px;--uib-color: #7c7db9;--uib-speed: 1.3s;--uib-bg-opacity: .1;height:calc(var(--uib-size) * (2.1 / 5));width:var(--uib-size);transform-origin:center;overflow:visible}.car{fill:none;stroke:var(--uib-color);stroke-dasharray:15,85;stroke-dashoffset:0;stroke-linecap:round;animation:travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s ease}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.con-design{position:relative;z-index:4;height:fit-content;border:1px solid red;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:20px;font-size:1.2rem;padding:25px 20px 20px 25px;background:hsla(241,18%,47%,.5);box-shadow:0 8px 32px #1f268712;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid #ffffff2e;display:none;z-index:10}.close-con{display:flex;width:100%;justify-content:space-between;font-size:1.75rem;color:#fff}.close-btn{position:relative;width:30px;display:flex;justify-content:center;cursor:pointer}.close-btn:after{content:"";position:absolute;width:3px;height:22px;background:white;transform:rotate(45deg)}.close-btn:before{content:"";position:absolute;width:3px;height:22px;background:white;transform:rotate(-45deg)}form>input{font-size:1.4rem;padding:15px;border:none;border-radius:4px;background:rgba(47,47,47,.5);color:#f5f5f5;width:100%;border:1px solid transparent;transition:all .5s ease}form>input::placeholder{color:#f5f5f5}form>input:active,form>input:focus{border:none;border:1px solid #738ff7;outline:none}form>textarea{font-size:1.5rem;padding:10px 15px;border:none;border-radius:4px;background:rgba(47,47,47,.5);color:#f5f5f5;width:100%;border:1px solid transparent;transition:all .5s ease}form>textarea::placeholder{color:#f5f5f5}form>textarea:active,form>textarea:focus{border:none;border:1px solid #738ff7;outline:none}form>button{width:100%;padding:12.5px;font-weight:900;outline:none;border:none;border-radius:5px;color:#416bff;background:#f5f5f5;cursor:pointer;text-transform:uppercase}.result{color:#f5f5f5}.info{position:absolute;left:20px;top:30px;z-index:5;background:none;outline:none;border:none;cursor:pointer;opacity:0;transition:all .5s ease}.info>img{width:50px}.nav-con{position:absolute;bottom:20px;left:40px;z-index:5;opacity:0;transition:all .5s ease;display:none}.nav-con>img{width:115px}.about-con{display:flex;width:350px;max-height:60vh;overflow:hidden;display:none}.about-con>.information-con{font-size:1.3rem;overflow:auto;color:#f5f5f5;line-height:20px;padding:0 20px 0 0;display:flex;flex-direction:column;gap:20px;font-weight:600}.about-con>.information-con::-webkit-scrollbar{width:6px;border-radius:10px}.about-con>.information-con::-webkit-scrollbar-thumb{background:rgb(1 2 3 / 40%);border-radius:10px}@media screen and (min-width: 768px){.img-con>img{width:500px}.nav-con{display:block}html{font-size:65%}.info{left:40px;top:40px}}