.port-body{width:100vw;overflow-x:hidden;overflow-y:scroll}.bold-work:hover{transition:.7s}.bold-work:hover{text-decoration:underline;transition:.7s;cursor:pointer}.nav-bar{position:absolute;width:100%;display:flex;z-index:300;color:gray;justify-content:space-between;align-items:center;padding-top:1rem;font-family:Alan Sans,sans-serif;font-size:25px}.nav-left{display:flex;width:100%;justify-content:space-around}.l-nav-items{display:flex;justify-content:space-evenly;width:40%}.l-nav-itm{transition:.4s;font-size:1.3ch;padding:1rem;padding-top:0;padding-bottom:0;border-bottom:1px solid var(--primary-color)}.l-nav-itm:hover{cursor:pointer;color:var(--text-color);border-bottom:1px solid var(--text-color);transition:.4s}.nav-right{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding-left:1rem;padding-right:1rem}.r-nav-items{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.r-nav-itm .soc-logo{width:40px;height:40px;background-color:#0000000e}.soc-logo{width:27px;height:27px;margin:1rem;transition:.2s}.soc-logo:hover{margin-top:.1rem;cursor:pointer;width:45px;height:45px;transition:.2s}.get-quote-border{border:1.3px solid white;max-width:15rem;min-width:15rem;width:15rem;border-radius:20rem;display:flex;flex-direction:center;padding:3px;transition:.4s;height:2.3rem}.get-quote-btn{max-width:15rem;min-width:15rem;width:15rem;height:2.25rem;background-color:#fff;color:#000;outline:white;border-radius:10rem;display:flex;justify-content:center;align-items:center;transition:.4s}.get-quote-border:hover{border:1.3px solid black;transition:.2s}.get-quote-btn:hover{background-color:#000;color:#fff;cursor:pointer;transition:.2s}.port-header{position:relative;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center}.header-hello{width:100%;text-align:left;display:flex;justify-content:center;align-items:baseline;font-weight:500;color:var(--text-color);font-size:5ch;padding:0;margin:0;font-family:Alan Sans,sans-serif}.hello-txt{max-width:580px;border-radius:0rem;overflow:hidden;border-right:.55em solid var(--text-color);white-space:nowrap;letter-spacing:.1em;animation:typing 3s steps(16,end),blink-caret .45s step-end infinite;max-width:fit-content;font-size:45px;font-weight:700;display:flex;align-items:baseline;padding:0}.hello-txt:hover{border-right:.5em solid black;cursor:pointer}.my-services{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--text-color)}}.header-img{width:100%;height:100%;border-radius:0px 0px 0px 10rem}.head-shot{object-fit:contain;width:100%}.code-badges{justify-self:center;padding:1rem;position:absolute;display:flex;flex-direction:row;justify-content:space-evenly;max-width:70vw;width:70vw;height:3rem;top:65vh;left:20vw;background-color:var(--primary-color);box-shadow:0 1px 10px 1px var(--text-color);border-radius:4rem;transition:.5s}.code-badges:hover{transform:scale(1);transition:.5s}.badge-logo{width:50px;height:50px;transition:.5s}.badge-logo:hover{transition:.5s;cursor:pointer}.badge-cpp,.badge-go{width:90px;height:90px;margin-top:-1.2rem}.about{width:100vw;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-family:Alan Sans,sans-serif;font-size:24px;font-weight:700;padding:5rem;padding-left:0}.about-p{margin:10vw;font-size:24px;font-weight:500}.proj-working{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vw;height:100vh}.proj-tit{font-size:6ch;text-align:center;font-family:Alan Sans}.proj-itms{display:flex;flex-direction:row;width:100vw;min-height:70vh;align-items:center;justify-content:space-evenly;overflow-x:scroll;font-family:Alan Sans,sans-serif}.proj-itms::-webkit-scrollbar{height:1px}.proj-itm-1{width:25vw;border:1px solid rgb(158,155,155);border-radius:.5rem;transition:.4s}.proj-itm-1:hover{cursor:pointer;border:1px solid rgb(255,255,255);text-wrap:wrap;transition:.4s}.proj-itm-p{padding:1rem;display:flex;flex-direction:column;justify-content:center;text-wrap:wrap}.proj-itm-t{font-size:3ch;font-weight:700;margin-bottom:1rem;text-wrap:wrap}.proj-itm-img{width:100%}.proj-img{width:100%;border-radius:.5rem .5rem 0 0}.proj-itm-btn{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.proj-view-btn{border:1px solid rgb(0,0,0);background-color:#000;color:#fff;min-width:5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem;margin-top:1rem;transition:.4s}.proj-view-btn:hover{background-color:gray;color:#fff;transition:.4s;cursor:pointer}.proj-more-ctn{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:5rem;font-family:Loon,sans-serif}.proj-more-btn{border:1px solid white;background-color:#000;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;width:10rem;height:2rem;padding:1rem;border-radius:.4rem;transition:.4s}.proj-more-btn:hover{background-color:#fff;color:#000;transition:.4s;cursor:pointer}.my-services-tit{font-family:Alan Sans,sans-serif;font-size:5ch}.my-services-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:4rem}.service-itm{display:flex;flex-direction:column;width:25rem;border:1px solid rgb(196,196,196);margin:1rem;align-items:center;padding:1.4rem;border-radius:1rem;transition:.4s;font-family:Alan Sans,sans-serif;font-size:16px}.service-itm:hover{cursor:pointer;background-color:#fff;color:#000;transition:.4s}.service-itm-pa{text-align:center;margin-top:1rem;font-size:1.9ch}.service-itm-img{width:40px}.service-itm-logo{background-color:#dbdada;padding:1rem;width:2rem;height:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4rem}.contact-me{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:fit-content;margin-top:10rem}.contact-tit{font-weight:700;font-size:6ch;font-family:Alan Sans,sans-serif}.contact-p{display:flex;flex-direction:row}.ins-cont-m{font-family:Alan Sans,sans-serif;padding:2rem}.submit-form-btn{background-color:#000;width:80%;height:5rem;color:#fff;display:flex;justify-content:center;align-items:center;font-size:3ch}.form-get-contact{width:100%;padding:2rem}.form-inp{width:25rem;height:2rem;margin:1rem;padding:1rem;font-size:2.4ch;font-family:Alan Sans,Arial,sans-serif}.form-inp-txt{width:100%;max-width:25rem;min-width:25rem;height:9rem;min-height:9rem;max-height:9rem;margin:1rem;padding:1rem}.submit-form-btn{margin:1rem;transition:.4s;border:1px solid white;font-family:Alan Sans,sans-serif}.submit-form-btn:hover{background-color:#f1f1f1;color:#000;cursor:pointer;transition:.4s}.ins-txt{font-size:4ch}.ins-cont-m p{font-size:2ch}.form-inp{color:#000}.form-inp-txt{font-family:sans-serif;font-size:2ch}@media (max-width: 1700px){.nav-bar{width:100%;margin:0}.l-nav-items,.r-nav-items{display:none}.nav-left{justify-content:space-between}.nav-right{justify-content:space-between;padding-right:0;position:relative}.get-quote-border a{width:fit-content;display:flex;flex-wrap:wrap}.get-quote-border{display:none}.port-header{flex-direction:column-reverse}.header-img{border-radius:0 0 0 50px;background-position:center}.hello-txt{margin-top:3rem;font-size:25px}.code-badges{justify-self:center;padding:1rem;position:absolute;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;max-width:70vw;width:70vw;height:fit-content;top:75vh;left:50vw;right:50vw;background-color:var(--primary-color);box-shadow:0 1px 10px 1px var(--text-color);border-radius:4rem;transition:.5s;padding-top:14px;padding-bottom:0;overflow:hidden;overflow-x:scroll;display:none}.code-badges::-webkit-scrollbar{width:1px}.badge-itm{margin:1.5rem;margin-top:0;margin-bottom:0;width:44px;height:fit-content;display:flex;justify-content:center}.hello-txt{margin-top:1rem;top:0}.proj-working{height:fit-content}.proj-itms{flex-direction:column;width:100vw;align-items:space-around}.proj-itm-1{margin:1rem;width:80vw;height:fit-content}.service-itm{width:70vw}.contact-me{width:80vw}.contact-p{display:flex;width:90%;flex-direction:column;justify-content:center;align-items:center}.form-get-contact{width:100%;padding:1rem;display:flex;flex-direction:column;margin:auto}input,textarea{width:70%}.contact-p{margin:1rem}.ins-txt{padding:1rem;font-size:2.5ch}.ins-p{padding:1rem;font-size:18px}.ins-cont-m{font-size:1.5ch;width:90%}.submit-form-btn-news{width:92%}.form-inp,.form-inp-txt{width:100%;min-width:100%;max-width:100%}}.theme-toggle{width:4rem;margin-left:1rem}.toggle-btn{background-color:#4e4e4e;width:70%;display:flex;align-items:center;border-radius:20rem;outline:none;border:none;padding:0;margin-left:2rem;cursor:pointer}.tog-icon{height:20px;width:20px;align-self:center;border-radius:10rem}.tog-light{transition:.4s}.tog-dark{color:#fff;margin-left:1.5rem;transition:.4s}@font-face{font-family:Alan Sans;src:url(/assets/AlanSans-VariableFont_wght-dcee0a6f.ttf)}body{--primary-color: #ffffff;--text-color: #000000;--button-color: #66666E;--button-background: #FFFFFF;--heading: #EAD7D1;margin:0;padding:0;width:100vw;overflow-y:scroll;overflow-x:hidden;background-color:var(--primary-color);color:var(--text-color)}body::-webkit-scrollbar{width:0px}body.dark{--primary-color: #141611;--text-color: #E0FF4F;--button-color: #1B2432;--button-background: #2C2B3C;--heading: #121420}body.peach{--primary-color: #FE8B68;--text-color: #FBFFB9;--button-color: #FDD692;--button-background: #EC7357;--heading: #754F44}body.jungle{--primary-color: #E6FAFC;--text-color: #353D2F;--button-color: #6BA368;--button-background: #515B3A;--heading: #9CFC97}body.tgreen{--primary-color: #71B340;--text-color: #11270B ;--button-color: #669031;--button-background: #598B2C;--heading: #3C5A14}