:root{--mainColor:#1b4242;--secondaryColor:#092635;--borderColor:#9ec8b9;--mainText:#fff;--secondaryText:#eee;--previewShadow:#2a2f25;--btnColor:#5c8374;--linkColor:#17a2b8}*{background:#0000;box-sizing:border-box;font-family:Fira Sans,sans-serif;margin:0;padding:0;text-decoration:none}body{color:#eee;color:var(--secondaryText);overflow:hidden;overflow-y:scroll}.navbar,body{background:#092635;background:var(--secondaryColor)}.navbar{align-items:center;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.desktopMenu>a{color:#fff;color:var(--mainText)}.logo{background:#1b4242;background:var(--mainColor);border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:50%;box-shadow:0 0 10px #2a2f25;box-shadow:0 0 10px var(--previewShadow);height:3rem;object-fit:cover;padding:.4rem;width:3rem}.desktopMenuListItem{cursor:pointer;font-weight:600;letter-spacing:1px;margin:1rem}.desktopMenuListItem:hover{border-bottom:2px solid #5c8374;border-bottom:2px solid var(--btnColor);color:#fff;color:var(--mainText);padding-bottom:.5rem}.desktopMenuButton{align-items:center;background:#5c8374;background:var(--btnColor);border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:2rem;color:#fff;color:var(--mainText);display:flex;font-weight:500;justify-content:center;padding:0 1rem;transition:border-color .5s ease-in-out,box-shadow .5s ease-in-out}.desktopMenuImg{height:1.5rem;margin:.7rem;object-fit:cover;width:2rem}.desktopMenuButton:active,.desktopMenuButton:hover{border-color:#9ec8b9;border-color:var(--borderColor);box-shadow:0 0 10px #2a2f25;box-shadow:0 0 10px var(--previewShadow);cursor:pointer}.desktopMenuButton:active{transform:scale(.95)}.active{border-bottom:2px solid #5c8374;border-bottom:2px solid var(--btnColor);border-top:2px solid #5c8374;border-top:2px solid var(--btnColor);color:#fff;color:var(--mainText);font-size:1.4rem;padding:0 .5rem}.mobMenu{cursor:pointer;display:none;height:2.8rem;object-fit:cover}.navMenu{background:#1b4242;background:var(--mainColor);border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#092635;background:var(--secondaryColor);border-radius:.4rem;cursor:pointer;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuButton{display:none}}#landing{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.landingContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#fff;color:var(--mainText)}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.bg{border:2px solid #5c8374;border:2px solid var(--btnColor);border-radius:.5rem;box-shadow:0 0 10px #2a2f25;box-shadow:0 0 10px var(--previewShadow);height:70vh;position:absolute;right:0;top:4rem;width:42%;z-index:-1}.bg,.btnImg{object-fit:cover}.btnImg{height:1rem;margin:0 .25rem;width:2rem}.btn{background:#5c8374;background:var(--btnColor);border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:2rem;color:#fff;color:var(--mainText);font-weight:400;margin:1rem 0;padding:.75rem 1.5rem;transition:border-color .5s ease-in-out,box-shadow .5s ease-in-out}.btn:active,.btn:hover{border-color:#9ec8b9;border-color:var(--borderColor);box-shadow:0 0 10px #2a2f25;box-shadow:0 0 10px var(--previewShadow);cursor:pointer}.btn:active{transform:scale(.95)}.developerRole{animation:typing 3s steps(20),blink-caret .75s infinite;border-right:.15em solid #2a2f25;border-right:.15em solid var(--previewShadow);color:#fff;color:var(--mainText);letter-spacing:.1em;margin:0;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#2a2f25;border-color:var(--previewShadow)}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{color:#fff;color:var(--mainText);font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:400;letter-spacing:1px;max-width:50rem;padding:0 2rem}.toolBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBars{display:flex;flex-wrap:wrap;margin-top:.7rem;max-width:60rem;width:100vw}.skillBar{background:#1b4242;background:var(--mainColor);border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:.5rem;color:#fff;color:var(--mainText);font-size:.8rem;font-weight:200;margin:.4rem .3rem;padding:1rem;transition:border-color .5s ease-in-out,box-shadow .5s ease-in-out}.skillBar:active,.skillBar:hover{border-color:#9ec8b9;border-color:var(--borderColor);box-shadow:0 0 10px #2a2f25;box-shadow:0 0 10px var(--previewShadow);cursor:pointer}.skillBar:active{transform:scale(.95)}.toolBar{background:#1b4242;background:var(--mainColor);border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.toolbarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.toolBarText>h2{color:#fff;color:var(--mainText)}.toolBarText>p{font-size:.8rem;font-weight:200}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:(100vh-4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{color:#fff;color:var(--mainText);font-size:3rem;margin:1rem 0}.workDesc{font-size:1rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;max-width:45rem}.workImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:70rem;width:100vw}.workItem{background:#fff;background:var(--mainText);border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:.4rem;cursor:pointer;height:18rem;margin:.4rem;overflow:hidden;position:relative;transition:border-color .5s ease-in-out,box-shadow .5s ease-in-out;width:22rem}.workItem:hover{border-color:#9ec8b9;border-color:var(--borderColor);box-shadow:0 0 10px #9ec8b9;box-shadow:0 0 10px var(--borderColor)}.worksImg{height:10rem;object-fit:cover;width:22rem}.workItemDesc{color:#9ec8b9;color:var(--borderColor);height:10rem;margin:.5rem;text-align:left}.projectName{font-size:1rem;font-weight:500}.projectDesc,.projectName{color:#000;letter-spacing:1px}.projectDesc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.7rem;margin-bottom:.5rem;margin-top:.6rem;overflow:hidden;padding:0 .2rem;text-overflow:ellipsis}.projectLink{color:#17a2b8;color:var(--linkColor);font-size:.9rem;font-weight:300;z-index:9}.projectStatus{color:#9eb5ca;font-size:.8rem;font-weight:300}.workBtn{background:#5c8374;background:var(--btnColor);border:none;border-radius:2rem;font-size:1rem;margin-bottom:.6rem;margin-top:1.5rem;padding:.5rem 2.5rem;transition:border-color .5s ease-in-out,box-shadow .5s ease-in-out}.workBtn:active,.workBtn:hover{border-color:#9ec8b9;border-color:var(--borderColor);box-shadow:0 0 10px #9ec8b9;box-shadow:0 0 10px var(--borderColor);cursor:pointer}.workBtn:active{transform:scale(.95)}#contactPage{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactPageTitle{color:#fff;color:var(--mainText);font-size:3rem;margin-bottom:1rem}.clientDesc{font-size:1rem;font-weight:400;letter-spacing:1px}.clientsImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:1rem 0}.clientDetails{border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:.5rem;margin:0 .5rem}.clientImg{border-radius:.5rem;height:10rem;min-width:9rem;object-fit:cover;width:100%}.details{background:#1b4242;background:var(--mainColor);border-radius:.4rem;padding:1rem;width:100%}#clients{padding:2rem}.contactDesc{font-size:medium;font-weight:400;letter-spacing:1px;padding:1rem}.contactForm{align-items:center;background:#1b4242;background:var(--mainColor);display:flex;flex-direction:column;justify-content:center;margin:2rem 1rem;max-width:60rem;padding:2.5rem 0;width:90vw}.contactForm,.email,.msg,.name{border:1px solid #5c8374;border:1px solid var(--btnColor);border-radius:.5rem}.email,.msg,.name{background:#092635;background:var(--secondaryColor);color:#fff;font-size:medium;margin:.5rem;max-width:54rem;outline:0!important;padding:.5rem 1rem;transition:border-color .3s ease-in-out;width:100%}.email:focus,.email:hover,.msg:focus,.msg:hover,.name:focus,.name:hover{box-shadow:0 0 5px #9ec8b9;box-shadow:0 0 5px var(--borderColor)}.email:focus,.msg:focus,.name:focus{outline:none}.submitBtn{background:#5c8374;background:var(--btnColor);border:2px solid #5c8374;border:2px solid var(--btnColor);border-radius:.5rem;color:#fff;color:var(--mainText);font-size:medium;font-weight:500;margin-top:1.5rem;max-width:54rem;padding:.75rem 3.5rem;transition:border-color .5s ease-in-out,box-shadow .5s ease-in-out;width:100%}.submitBtn:active,.submitBtn:hover{border-color:#9ec8b9;border-color:var(--borderColor);box-shadow:0 0 10px #2a2f25;box-shadow:0 0 10px var(--previewShadow);cursor:pointer}.submitBtn:active{transform:scale(.95)}.links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:.7rem 0}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.footer{align-items:center;background:#1b4242;background:var(--mainColor);display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}@media screen and (max-width:850px){#landing{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}#landing,.bg{position:static}.bg{height:40vh;max-width:85vw;right:auto;top:auto;width:100%}.landingContent{font-size:2.5rem;height:60vh}.hello{font-size:4.5vw;padding-bottom:.7rem}.introPara{letter-spacing:1.5px;padding-top:.7rem}.skillBars{padding:.5rem 2rem}.skillDesc{letter-spacing:1.5px!important}.toolBar{margin:1rem 0!important;padding:1rem!important}.toolbarImg{margin-right:1.5rem!important}.toolBarText>p{font-size:.7rem!important}.toolBars{max-width:82%!important}.clientDetails{margin:.8rem 0!important}.contactForm{padding:1rem!important}}@media screen and (width:768px){.landingContent{height:35vh;padding:4rem}}@media screen and (width:375px){.landingContent{font-size:2rem;height:55vh!important}}@media screen and (max-width:480px){.landingContent{height:45vh}.skillBar{margin:.4rem!important}}
/*# sourceMappingURL=main.bde35802.css.map*/