@import"https://fonts.googleapis.com/css2?family=Poppins&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #ffffff;--bg-color-2: #7878781a;--text-color: #111827;--text-color-2: #ffffff;--text-color-3: #020617;--primary-color: #4b5563;--secondary-color: #f8fafc;--primary-hover-color: #e5e7eb;--secondary-hover-color: #e5e7eb;--border: 1px solid #9ca3af44;--outline: 1px solid #9ca3af44 inset;--shadow-inset: #0000000f 0px 2px 4px 0px inset;--shadow: #0000000d 0px 0px 0px 1px;--green: #238636}.dark{--bg-color: #030712;--bg-color-2: #7878781a;--text-color: #ffffff;--text-color-2: #ffffff;--text-color-3: #020617;--primary-color: #3f3f46;--secondary-color: #020617;--primary-hover-color: #111827;--secondary-hover-color: #4b5563;--border: 1px solid #9ca3af35;--outline: 1px solid #9ca3af35;--shadow-inset: #0000000f 0px 2px 4px 0px inset;--shadow: #0000000d 0px 0px 0px 1px;--green: #238636}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Space Mono,monospace;overflow-y:auto;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body::-webkit-scrollbar{width:0}body.dark{background-color:var(--bg-color);color:var(--text-color)}#root{max-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center}#contact{position:relative;width:100%;max-width:1244px;margin-top:20px}#contact .contact-content{width:100%;max-width:1224px;padding:20px 15px;color:var(--text-color);will-change:"opacity"}#contact .contact-content h2{align-self:flex-start;font-size:clamp(1rem,.9vw + 1rem,1.4rem);font-weight:900}#contact .contact-content h2 span{color:#4ade80}#contact .contact-content p{font-size:clamp(.9em,1vw + .5em,1em);color:var(--text-color);padding:10px 0}#contact .contact-content .contact-form{display:flex;justify-content:center;flex-direction:column;width:100%;padding:20px;border-radius:6px;margin-top:15px;background-color:var(--bg-color-2);border:var(--border);box-shadow:var(--shadow);will-change:"transform"}#contact .contact-content .contact-form label{font-weight:600;color:var(--text-color);padding-bottom:5px}#contact .contact-content .contact-form label span{position:relative;bottom:4px;font-size:.7em;color:red}#contact .contact-content .contact-form .name-email{display:flex;flex-direction:row;gap:15px}#contact .contact-content .contact-form .name-email .name-container,#contact .contact-content .contact-form .name-email .email-container{display:flex;flex-direction:column;padding-bottom:10px;width:100%}#contact .contact-content .contact-form .name-email .name-container input,#contact .contact-content .contact-form .name-email .email-container input{outline:none;background-color:var(--bg-color-2);border:var(--border);box-shadow:var(--shadow-inset);color:var(--text-color);border-radius:6px;padding:8px;font-size:1em;font-size:clamp(.9em,1vw + .5em,1em);font-family:Space Mono,monospace}#contact .contact-content .contact-form .msg-container{display:flex;flex-direction:column;width:100%;padding:10px 0 0}#contact .contact-content .contact-form .msg-container textarea{outline:none;background-color:var(--bg-color-2);border:var(--border);box-shadow:var(--shadow-inset);color:var(--text-color);border-radius:6px;padding:8px;font-size:1em;font-size:clamp(.9em,1vw + .5em,1em);font-family:Space Mono,monospace;height:100px}#contact .contact-content .contact-form .msg-container textarea::-webkit-scrollbar{width:0;height:0}#contact .contact-content .contact-form .msg-container .charLength{padding:10px 0;text-align:right}#contact .contact-content .contact-form .sub-btn{display:flex;align-self:flex-end;width:fit-content;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:clamp(.9em,1vw + .5em,1em);font-weight:800;padding:4px 12px 4px 4px;border-radius:22px;border:var(--border);color:var(--text-color);background-color:var(--bg-color-2);cursor:pointer}#contact .contact-content .contact-form .sub-btn .icon{height:32px;width:32px;padding:8px;border-radius:22px;color:var(--text-color-2);background-color:var(--green);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}#contact .contact-content .contact-form .sub-btn:hover .icon{transform:rotate(45deg)}#contact .contact-content ul{display:flex;width:100%;flex-wrap:wrap}#contact .contact-content ul li{list-style:none;padding:4px 10px;background-color:transparent}#contact .contact-content ul li a{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:6px;text-decoration:none;font-size:clamp(.9em,1vw + .5em,1em);background-color:var(--bg-color-2);border:var(--outline);color:var(--text-color)}#contact .contact-content ul li:hover .icon{transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:translate(5px)}@media screen and (max-width: 1024px){#contact{max-width:680px}#contact .contact-content .contact-form .name-email{flex-wrap:wrap}}#footer{position:relative;width:100%;max-width:1244px;background-color:transparent}#footer .footer-content{width:100%;max-width:1244px;padding:20px 15px;color:var(--text-color)}#footer .footer-content .divider{border-top:var(--border);width:100%;padding-bottom:5px}#footer .footer-content p{font-size:clamp(.9em,1vw + .5em,1em);padding:10px 0}#footer .footer-content .links{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;will-change:"transform"}#footer .footer-content .links ul p{font-weight:600}#footer .footer-content .links ul li{font-size:clamp(.9em,1vw + .5em,1em);padding:2px 0;list-style:none}#footer .footer-content .links ul li a{color:#52525b;text-decoration:none}#footer .footer-content .links ul li:hover{text-decoration-line:underline;text-decoration-thickness:.05em;text-decoration-color:var(--green);font-weight:550}@media screen and (max-width: 1024px){#footer{width:100%;max-width:680px}}#custom-dropdown{position:relative;display:inline-block;z-index:1;color:var(--text-color);background-color:transparent}.dropdown-toggle{width:150px;display:flex;align-items:center;justify-content:center;gap:.5em;background:var(--bg-color-2);color:var(--text-color);border:var(--border);padding:.4em 1em;font-size:1em;cursor:pointer;border-radius:4px}.dropdown-menu{position:absolute;top:100%;left:0;min-width:150px;background:var(--secondary-color);border:var(--border);border-radius:6px;margin-top:.25em;z-index:100;box-shadow:0 4px 10px #0000001a}.dropdown-menu li{display:flex;align-items:center;gap:.5em;padding:.5em 1em;cursor:pointer}.dropdown-menu li:hover{background-color:var(--bg-color-2)}.arrow{margin-left:auto}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--green)}.switch input:focus+.slider{box-shadow:var(--shadow)}.switch input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;box-shadow:var(--shadow);background-color:var(--bg-color-2);border-radius:25px;-webkit-transition:all .3s ease;transition:all .3s ease}.switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;border-radius:25px;background-color:#fff;-webkit-transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.settings-overlay{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:baseline;padding:0 10px;z-index:999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:var(--bg-color-2)}.settings-overlay .settings{position:relative;max-width:460px;height:fit-content;top:15%;padding:10px;border-radius:8px;background-color:var(--bg-color);color:var(--text-color)}.settings-overlay .settings h2{display:flex;justify-content:space-between;align-items:center;font-size:1.2em;padding:0 5px;border-radius:4px;background-color:var(--bg-color-2);color:var(--text-color)}.settings-overlay .settings h2 button{background-color:transparent;border:none;color:var(--text-color);font-size:1.5rem;transition:color .3s ease-in-out;cursor:pointer}.settings-overlay .settings h2 button:hover{color:red}.settings-overlay .settings p{font-size:clamp(.9em,1vw + .5em,1em);padding:15px 5px}.settings-overlay .settings .settings-options{padding:5px;background-color:var(--secondary-color)}.settings-overlay .settings .settings-options .theme{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border);padding:6px 0}.settings-overlay .settings .settings-options .drone-settings h3{font-size:1.1em;padding:8px 0}.settings-overlay .settings .settings-options .drone-settings p{font-size:clamp(.9em,1vw + .5em,1em);padding:0%}.settings-overlay .settings .settings-options .drone-settings .control-switches p{display:flex;justify-content:space-between;align-items:center;padding:0;margin:10px 0;font-size:1em;font-weight:500}#tooltip{visibility:hidden;opacity:0;position:absolute;top:10px;height:26px;width:fit-content;display:flex;align-items:center;justify-content:center;padding:0 8px;margin:0;border-radius:8px 0;background-color:var(--primary-color);color:#f5f5f5;font-size:small;transform:translateY(10px);transition:all .3s ease;touch-action:none}#tooltip:after{content:"";position:absolute;bottom:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--primary-color)}header{position:fixed;top:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--text-color);background-color:#00000001;--webkit-backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500}nav{width:90%;max-width:460px;height:48px;margin-top:30px;border:var(--border);border-radius:6px;background-color:var(--secondary-color);box-shadow:var(--shadow)}nav ul{display:flex;justify-content:center;align-items:center;height:100%;gap:10px;margin:0;padding:0;list-style:none;justify-content:space-evenly}nav li{display:flex;justify-content:center;align-items:center}nav li a{display:flex;justify-content:center;align-items:center;position:relative;text-decoration:none;color:var(--text-color);padding:11px}nav li a .icon{font-size:1.1rem}nav li a .icon.active{color:var(--green)}nav li:hover #tooltip{visibility:visible;opacity:1;transform:translateY(0)}nav li:first-child a{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:800;font-size:1.125rem}nav li:first-child a span{color:#3730a3}nav li:first-child a span.active{color:var(--green)}nav li:hover:not(:first-child){border-radius:6px;background-color:var(--primary-hover-color)}#three-d-project{position:relative;width:100%;max-width:1244px;margin-top:68px}#three-d-project .three-dP-container{width:100%;max-width:1224px;padding:20px 15px;color:var(--text-color)}#three-d-project .three-dP-container h1{font-size:clamp(1rem,.9vw + 1rem,1.4rem);font-weight:900}#three-d-project .three-dP-container h1 span{color:var(--green)}#three-d-project .three-dP-container p{font-size:clamp(.9em,1vw + .5em,1em);color:var(--text-color);padding:10px 0}.loader-container{height:100%;width:100%;position:absolute;display:flex;justify-content:center;align-items:center;background-color:#dca155}.spinner{font-size:28px;position:relative;display:inline-block;width:1em;height:1em}.spinner.center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -.2222em;-ms-transform-origin:center -.2222em;transform-origin:center -.2222em;animation:spinner-fade9234 1s infinite linear}.spinner .spinner-blade:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:transparent}}