@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,900;1,300&family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@400;600;900&family=Prompt:wght@400;600;900&display=swap";body{color:#faf8ff;font-family:Montserrat,sans-serif;background:rgb(2,0,36);background:linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(14,41,84,1) 80%,#004b73 100%);box-sizing:border-box;display:flex;justify-content:center}.home-modal-container,.contact-modal-container,.about-modal-container{display:none}.home-modal-container.active,.contact-modal-container.active,.about-modal-container.active{display:block}.teleon-logo{object-fit:contain}.hero-img-container{display:flex;justify-content:center;align-items:center;background-color:#0e2954;width:100%;height:100%;box-sizing:border-box}.hero-img{display:flex;position:absolute;width:100%;height:100%;object-fit:cover;opacity:15%}.nav-container{display:flex;flex-direction:row;position:fixed;width:100%;justify-content:space-between;align-items:center;top:0;left:0;background-color:#0e29547a;z-index:100;transition:ease 1s;box-sizing:border-box}.left-nav-container{display:flex;margin:10px;height:30px;background-color:transparent}.right-nav-container{background-color:transparent;display:flex;justify-content:space-evenly;width:50%;align-items:center;font-family:Prompt,sans-serif;font-size:18px;letter-spacing:1px;font-weight:600;box-sizing:border-box}.nav-link{color:#e7efff;font-weight:600;font-size:20px;cursor:pointer;transition:ease .5s}.nav-link-off{background-color:transparent;color:#e7efffb5;font-family:Prompt,sans-serif;font-size:18px;letter-spacing:1px;font-weight:400;padding:10px;border-radius:15px;margin:10px;transition:ease 1s}.nav-link-off:hover{color:#e7efff;font-weight:600;font-size:20px;cursor:pointer;transition:ease .5s}.main-content{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;position:relative;box-sizing:border-box;transition:ease 1s}.main-content-container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;text-align:center;height:100%;width:100%;position:absolute;top:0;left:0;transition:ease 1s}.main-content-container>h1{color:#e7efffe0;font-family:Montserrat,sans-serif;font-size:55px;letter-spacing:4px;text-align:center;font-weight:600;padding:0;margin:0}.main-content-container>h2{color:#e7efffe0;font-family:Montserrat,sans-serif;font-size:20px;letter-spacing:2px;text-align:center;font-weight:600;padding:0}.main-content-container>p{color:#e7efff86;font-family:Montserrat,sans-serif;font-size:18px;letter-spacing:0px;text-align:center;font-weight:600;line-height:35px}.list-items-container{display:flex;width:100%;margin-top:20px;box-sizing:border-box;justify-content:center}.list-items{display:flex;padding:20px;box-sizing:border-box;overflow-x:scroll;scrollbar-color:#0e295480 transparent}.list-items::-webkit-scrollbar{width:1em;height:1em}.list-items::-webkit-scrollbar-thumb{background-color:#0e2954b0;outline:1px solid #e7efff0b}.list-item{display:flex;align-items:center;flex-direction:column;margin:20px 15px 15px;background:rgb(2,0,36);background:linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(14,41,84,1) 50%,#005583 100%);border-radius:3px;width:300px;min-width:250px;height:250px;font-size:14px;box-shadow:1px 1px 1px 2px #e7efff17;opacity:90%;transition:ease 2s;overflow-y:hidden;z-index:40;cursor:pointer;box-sizing:border-box}.list-item:hover{opacity:100%;cursor:pointer;width:400px;min-width:350px;height:480px;z-index:90;box-sizing:border-box;transition:ease .8s;margin:0;overflow-y:scroll;scrollbar-color:#0e295480 transparent}.list-item:hover::-webkit-scrollbar{width:.7em;height:.7em}.list-item:hover::-webkit-scrollbar-thumb{background-color:#0e295480;outline:1px solid #0e295480}.list-img-container{width:100%}.list-img{width:100%;height:130px;border-radius:3px;object-fit:cover;opacity:50%;padding:0;margin:0;filter:grayscale(10%)}.list-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;margin:10px;letter-spacing:2px;color:#e7efff}.list-subtitle{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;margin:10px;letter-spacing:0px;color:#e7efff8e;width:80%}.list-summary{display:flex;flex-direction:column;align-items:center;background-color:#0e295431;transition:ease 1s;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;letter-spacing:0px;color:#e7efff8e;padding:15px;border-radius:10px;margin:10px}.list-summary>ul,li{scrollbar-color:#faf8ff20 transparent;background-color:transparent;transition:ease 1s;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;letter-spacing:0px;color:#e7efff6b;padding:5px;margin:10px;text-align:left}.list-summary-health,.list-summary-trucks,.list-summary-ico,.list-summary-pj,.list-summary-mls{display:none}.list-summary-health.active,.list-summary-trucks.active,.list-summary-ico.active,.list-summary-pj.active,.list-summary-mls.active{display:block}.paxjax-logo-container{display:flex}.paxjax-logo{height:20px;object-fit:contain;width:100px}.contact-main-container,.contact-captcha-container{display:flex;justify-content:center;align-items:center;width:100%}.contact-content-container{display:flex;flex-direction:column;align-items:center;width:800px;padding:20px;background-color:#0e2954a2}.contact-content-container p{font-family:Poppins,sans-serif;font-size:22px;font-weight:400;letter-spacing:2px;color:#e7efffd0;padding:15px;margin:5px}.contact-content-container input,select,textarea{background-color:#e7efff09;outline:none;border:none;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;color:#e7efffd0;padding:15px;margin:10px;border-radius:5px;text-align:left;resize:none;width:90%;cursor:pointer}.select-box{height:50px;overflow-y:scroll;scrollbar-color:#0e295480 transparent;border-radius:5px;width:200px;transition:background-color .3s ease-in-out}.select-box:focus{background-color:#333;color:#e7efffd0;outline:none;padding:15px;margin:10px;text-align:center;width:300px;cursor:pointer;font-family:Poppins,sans-serif}select,option{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;color:#e7efffd0;padding:15px;margin:10px;border-radius:5px;text-align:center;width:300px;cursor:pointer}textarea{width:90%;height:100px;overflow-y:scroll;scrollbar-color:#0e295480 transparent;border-radius:5px}textarea::-webkit-scrollbar{width:.7em;height:.7em}textarea::-webkit-scrollbar-thumb{background-color:#0e295480;outline:1px solid #0e295480}::placeholder{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;letter-spacing:0px;color:#e7efffd0;text-align:left}.send-btn-container{display:flex;justify-content:center;align-items:center;width:100%;padding:10px}.send-btn{display:flex;justify-content:center;align-items:center;background-color:#0e2954cb;width:250px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:900;letter-spacing:2px;color:#e7efffd0;padding:15px;margin:10px;text-align:center;border:none;border-radius:50px;outline:none;opacity:80%;transition:ease 1s;box-shadow:1px 1px 1px 1px #e7efff38}.send-btn:hover{opacity:100%;padding:25px;transition:ease 1s;cursor:pointer}.send-btn:focus{opacity:100%}.send-btn:active{opacity:100%}.send-btn-icon{display:flex;font-size:25px;margin:5px}.enabled{background-color:#0e2954cb;color:#e7efffd0}.disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.2}.contact-icon{display:flex;font-size:40px;margin:3px;color:#e7efff98}.about-main-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;transition:ease 1s;overflow-y:scroll;overflow-x:hidden;padding-top:50px;background-color:#0e29544b;scrollbar-color:#0e295480 transparent}.about-main-container::-webkit-scrollbar{width:1em;height:1em}.about-main-container::-webkit-scrollbar-thumb{background-color:#0e2954b0;outline:1px solid #e7efff0b}.about-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;padding:15px;box-sizing:border-box;transition:ease 1s;width:100%}.about-img-main-container{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;transition:ease 1s}.about-img-scroll-container{display:flex;align-items:center;box-sizing:border-box;transition:ease 1s;overflow-x:scroll;scrollbar-color:#0e295480 transparent}.about-img-scroll-container::-webkit-scrollbar{width:1em;height:1em}.about-img-scroll-container::-webkit-scrollbar-thumb{background-color:#0e2954b0;outline:1px solid #e7efff0b}.about-img-container{display:flex;width:180px;min-width:150px;height:100px;position:relative;border-radius:5px;margin:10px;background-color:#0e2954;box-sizing:border-box;transition:ease 1s;opacity:80%;box-shadow:1px 1px 1px 1px #e7efff38}.about-img-container:hover{display:flex;width:220px;height:150px;box-sizing:border-box;font-size:16px;opacity:100%;cursor:pointer}.about-image{object-fit:cover;opacity:65%;width:100%;border-radius:5px}.img-text{position:absolute;bottom:0;padding:5px;right:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;letter-spacing:0px;background-color:#0e2954d6;color:#e7effffa}.about-heading,.skills-heading{font-family:Montserrat,sans-serif;font-size:35px;font-weight:600;letter-spacing:2px;color:#e7efffd0;padding:10px;margin:10px;text-align:center}.about-basic,.skills-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;color:#e7efffa8;padding:15px;text-align:center;width:50%;background-color:#0e29545b;border-radius:5px}.about-traits-container{display:flex;justify-content:center;width:100%}.about-traits{display:flex;overflow-x:scroll;scrollbar-color:#0e295480 transparent;padding:10px}.about-traits::-webkit-scrollbar{width:1em;height:1em}.about-traits::-webkit-scrollbar-thumb{background-color:#0e2954b0;outline:1px solid #e7efff0b}.trait{display:flex;flex-direction:column;justify-content:center;align-items:center;height:118px;width:118px;min-height:118px;min-width:118px;opacity:80%;background-color:#0e2954;border-radius:50%;text-align:center;transition:ease 1s;margin:10px;box-shadow:1px 1px 1px 1px #e7efff38}.trait:hover{opacity:100%;cursor:pointer;min-height:140px;min-width:140px;transition:ease 1s;margin:0}.trait-title{display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;color:#e7efffd0;margin:3px;text-align:center}.trait-icon{font-size:30px;margin:3px}.about-skills{display:flex;justify-content:center;align-items:center;flex-direction:column}@media (max-width: 1000px){.about-basic,.skills-text{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,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:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}