*{border:0;margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{background-color:#080808;scroll-behavior:smooth}main{overflow-x:hidden!important}*::selection{background-color:#00d369;color:#f6f6f6;text-shadow:none}ul li{list-style:none}ul li a,a{text-decoration:none}p{text-wrap:pretty}.subtitle{margin-bottom:.75rem;font-family:Ubuntu Sans Mono,monospace}.text-white{color:#f6f6f6}.breakline{width:4rem;border-top:5px solid #00d369;border-radius:3rem;margin-bottom:3rem}button{font-weight:700}.wrapper{width:100%;min-height:100vh;padding:4rem 2rem}.image{width:100%}.text-center{text-align:center}.text-grey{color:#888}.text-black{color:#050505}.capital{text-transform:capitalize}.caps{text-transform:uppercase}.over-x{overflow-x:hidden}.over-y{overflow-y:hidden}.overflow{overflow:hidden}@media all and (max-width:575px){.wrapper{padding:2rem 1rem}}@media all and (min-width:576px)and (max-width:991px){.wrapper{padding:3rem 1.5rem}}.heading{background-color:#050505;display:flex;justify-content:space-between;align-items:center;padding:1rem}.heading .hero-section{min-width:40%}.heading .hero-section .hero-title a{color:#f6f6f6;transition:.2s linear all;padding:.5rem .75rem;border-radius:3rem}.heading .hero-section .hero-title a:hover{background-color:#00d369;color:#424242}.navigation{min-width:45%;display:flex;flex-direction:column;justify-content:center;align-items:center}.navigation .nav-list{display:flex;justify-content:space-evenly;align-items:center;color:#f6f6f6}.nav-item{padding:.25rem .5rem}.nav-item .nav-link{display:inline-flex;align-items:center;gap:.25rem;color:#f6f6f6;text-decoration:none;font-size:.9rem;font-weight:600;padding:.5rem;border-radius:3rem;transition:.2s linear all}.nav-item .nav-link:hover{color:#424242;background-color:#00d369}.nav-item .nav-link:focus{color:#00ff7f}@media all and (max-width:959px){.heading{flex-direction:column;justify-content:space-evenly;align-items:center}.heading .hero-section{width:100%;display:flex;justify-content:center;align-items:center}.heading .hero-section .hero-title{text-align:center;margin-bottom:1rem}.navigation{width:100%;align-items:center}.navigation .nav-list{width:100%;flex-direction:column;align-items:center;padding:0;margin-top:.5rem}.navigation .nav-list .nav-item{width:auto;padding-top:.5rem;padding-bottom:.5rem}.navigation .nav-list .nav-item .nav-link{min-width:200px;display:grid;grid-template-columns:1.5rem 1fr;align-items:center;gap:.75rem;font-size:1.1rem;letter-spacing:.05rem;padding:.75rem 1rem;margin-left:3.25rem;border-radius:0;white-space:nowrap}.navigation .nav-list .nav-item .nav-link svg{flex-shrink:0;width:1.5rem;height:1.5rem}#open-menu,#close-menu{color:#f6f6f6;background-color:unset;cursor:pointer;transition:transform .2s ease}#open-menu:hover,#close-menu:hover{transform:scale(1.1)}#open-menu:active,#close-menu:active{transform:scale(.95)}.open-menu-visible{display:block;animation:fadeIn .3s ease}.open-menu-hidden{display:none}.close-button-visible{display:block;animation:rotateIn .3s ease}.close-button-hidden{display:none}.navigation{position:relative;overflow:hidden}.navigation .nav-list{max-height:0;overflow:hidden;opacity:0;transform:translateY(-20px);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .3s ease}.navigation .nav-list:not(.menu-hidden){max-height:500px;opacity:1;transform:translateY(0)}.navigation .nav-list:not(.menu-hidden) .nav-item{animation:slideInUp .4s ease backwards}.navigation .nav-list:not(.menu-hidden) .nav-item:nth-child(1){animation-delay:75ms}.navigation .nav-list:not(.menu-hidden) .nav-item:nth-child(2){animation-delay:.125s}.navigation .nav-list:not(.menu-hidden) .nav-item:nth-child(3){animation-delay:.175s}.navigation .nav-list:not(.menu-hidden) .nav-item:nth-child(4){animation-delay:.225s}.navigation .nav-list:not(.menu-hidden) .nav-item:nth-child(5){animation-delay:.275s}.navigation .nav-list .menu-hidden{max-height:0;opacity:0;transform:translateY(-20px);pointer-events:none}.navigation .nav-list .menu-hidden .nav-item{opacity:0;transform:translateY(-10px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}}@media all and (min-width:960px){#open-menu,#close-menu{display:none}}.home-wrapper{display:flex;justify-content:center;align-items:center;position:relative}.home-wrapper:before{content:"";inset:0;position:absolute;z-index:-5;background:#252525;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.2}.home-wrapper:after{content:"";inset:0;position:absolute;z-index:-10;background-image:url(/images/header-hero.webp);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1;background-attachment:fixed}.home-section{display:flex;justify-content:center;align-items:center;padding-bottom:3rem;position:relative;z-index:10}.home-section .dev-description{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1rem 1rem;text-align:center;gap:2.5rem;margin-bottom:2rem}.home-section .dev-description .dev-name{font-size:2rem;margin-bottom:-1rem}.home-section .dev-description .dev-job{font-family:Ubuntu Sans Mono,monospace;font-size:2.75rem;display:flex;align-items:center}.home-section .dev-description .dev-name,.home-section .dev-description .dev-job{color:#f6f6f6;text-shadow:0 0 .25rem #050505}.home-section .dev-description .dev-name,.home-section .dev-description .dev-job{width:100%}.dev-buttons-section{width:100%;display:flex;justify-content:center;align-items:center;margin-top:0;gap:3rem}.dev-buttons-section .about-btn{margin-right:0rem}.dev-buttons-section .about-btn .dev-icon{margin-left:.25rem}.dev-btn{width:7rem;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1rem;font-weight:600;padding:.5rem .75rem;border-radius:3rem;background-color:#00d369;color:#f6f6f6;box-shadow:0 .1rem .1rem #252525;transition:.3s linear all}.dev-btn:hover{background-color:#00ff7f;color:#505050}.dev-btn:focus{background-color:#00773c;color:#ddd;box-shadow:0 0 #252525}.dev-btn .dev-icon{margin-left:.25rem}@media all and (max-width:480px){.home-section .dev-description{max-width:90%;width:90%;padding:1rem 0rem}.home-section .dev-description .dev-name{font-size:1.5rem}.home-section .dev-description .dev-para{width:100%;padding-left:.25rem}}@media all and (max-width:575px){.dev-buttons-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.dev-buttons-section .dev-btn{width:100%}}@media all and (max-width:767px){.home-section .dev-description .dev-job{font-size:2.75rem}}@media all and (min-width:481px)and (max-width:767px){.dev-description{max-width:80%;width:80%}.dev-buttons-section{flex-wrap:wrap}}@media all and (min-width:768px)and (max-width:959px){.dev-buttons-section{gap:2rem}.dev-description{max-width:100%;width:100%}.dev-description .dev-btn{width:10rem}.dev-btn{padding-inline:2rem}}@media all and (max-width:959px){.home-section{flex-direction:column}.dev-name,.dev-job{justify-content:center;text-align:center}.dev-name,.dev-job{text-align:center;margin-bottom:.75rem}.dev-buttons-section .dev-btn{margin-right:0rem}}@media all and (min-width:960px){.dev-description{max-width:100%}}.skills-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.skills-wrapper .skills-section{width:80%}.skills-wrapper .skills-section h3{font-weight:500;font-size:1rem}.skills-container{display:flex;justify-content:center;align-items:center}.skills-container .skills-subcontainer{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:.25rem;padding-bottom:.25rem;margin-top:.5rem;margin-bottom:2rem;border:1px solid #00d369;border-radius:.5rem;background-color:#151515;transition:.3s linear all!important}.skills-container .skills-subcontainer:hover{background-color:#00ff7f}.skills-container .skills-subcontainer:hover .skills-name{color:#505050}@media all and (max-width:480px){.skills-wrapper .skills-section{width:90%}.skills-wrapper .skills-section .skills-container{justify-content:space-evenly}}.skills-subcontainer svg{width:2.5rem;transition:.3s linear all}.skills-subcontainer svg:hover{cursor:pointer;transform:scale(1.2)}.skills-box{min-width:12%;text-align:center;padding:.25rem;margin-inline:.1rem;border:1px solid transparent;border-radius:.75rem;transition:.2s linear all}.skills-box:hover{background-color:#f6f6f6;border-color:#70000070}.skills-box:hover .skills-name{color:#050505}.skills-name{color:#f6f6f6;margin-bottom:.35rem;font-size:.8rem;font-weight:600;transition:.3s linear all}@media all and (max-width:480px){.skills-box{min-width:25%}.skills-box .skills-name{font-size:.8rem}}@media all and (min-width:481px)and (max-width:767px){.skills-box{min-width:25%}}@media all and (min-width:768px)and (max-width:959px){.skills-box{min-width:30%}}@media all and (min-width:959px)and (max-width:1200px){.skills-box{min-width:20%}}.portfolio-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-wrapper .portfolio-title{margin-bottom:1rem}.portfolio-section{width:80%;display:flex;flex-direction:column;margin-bottom:2rem}.portfolio-section .projects-title{font-family:Ubuntu Sans Mono,monospace;font-weight:500;color:#f6f6f6;margin-bottom:1rem;padding-left:.5rem}.portfolio-projects{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media all and (max-width:480px){.portfolio-section{width:90%}}@media all and (min-width:481px)and (max-width:767px){.portfolio-section{width:80%}}@media all and (max-width:767px){.portfolio-projects{grid-template-columns:1fr}}@media all and (min-width:768px){.portfolio-section .projects-title{padding-left:2rem}}@media all and (min-width:768px)and (max-width:959px){.portfolio-projects{grid-template-columns:repeat(2,1fr)}}.project-div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem .5rem;background-color:#101010;color:#f6f6f6;border:1px solid rgb(0,119,60);border-radius:.5rem;box-shadow:0 .05rem .1rem #252525;transform-style:preserve-3d;backface-visibility:hidden;transition:.3s linear all}.project-div:hover{box-shadow:0 .1rem .2rem #252525}.project-div .project-name{margin-bottom:.5rem;font-size:1.25rem;font-weight:500;font-family:Ubuntu Condensed,sans-serif}.project-fig{width:100%;margin-bottom:.75rem}.project-fig .project-cover-link{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:.5rem}.project-fig .project-cover-link .project-img{width:100%;border:1px solid rgb(0,119,60);border-radius:.5rem;transition:.3s linear all}.project-fig .project-cover-link .project-img:hover{transform:scale(1.05)}.project-description{flex:1;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.project-links-div{width:100%;margin-top:auto;display:flex;justify-content:space-evenly;align-items:center}.project-link{width:7.25rem;display:flex;justify-content:center;align-items:center;background-color:#00d369;color:#f6f6f6;padding:.25rem .5rem;border-radius:3rem;text-align:center;font-size:.9rem;font-weight:600;font-family:Ubuntu Condensed,sans-serif;transition:.2s linear all;box-shadow:0 .1rem .1rem #252525}.project-link:hover{background-color:#00773c}.project-link:focus{background-color:#00773c;color:#888;box-shadow:0 0 #252525}.project-link .project-link-icon{margin-left:.25rem}@media all and (max-width:480px){.project-links-div{flex-direction:column}.project-links-div .project-link{width:100%;margin-bottom:.7rem;padding-top:.5rem;padding-bottom:.5rem}}@media all and (max-width:480px){.project-div{padding:1rem}}@media all and (min-width:481px)and (max-width:575px){.project-link{width:8rem}}@media all and (min-width:576px)and (max-width:767px){.project-link{width:11.5rem}}@media all and (min-width:768px)and (max-width:959px){.project-link{width:7rem}}@media all and (max-width:1023px){.project-div{margin-bottom:1.5rem}}@media all and (min-width:960px)and (max-width:1023px){.project-link{width:6.5rem}}@media all and (min-width:1024px)and (max-width:1199px){.project-link{width:6.25rem}}.services-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.services-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}@media all and (max-width:767px){.services-section{flex-direction:column}}.service-card{width:26%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem 1rem;gap:1rem;background-color:#080808;color:#151515;border:1px solid rgba(112,0,0,.4392156863);border-left:5px solid #00d369;border-radius:.5rem;box-shadow:0 .05rem .1rem #252525;transition:.3s linear all}.service-card:hover{border-left-color:#00773c;box-shadow:0 .1rem .3rem #252525}.service-card:hover .service-title,.service-card:hover .service-text{color:#424242}.service-card .service-fig{width:20%}.service-card .service-fig img{width:100%;transition:.3s linear all}.service-card .service-fig img:hover{cursor:pointer;transform:scale(1.1);z-index:10}.service-card .service-title{text-transform:capitalize;text-align:center;font-family:Ubuntu Condensed,sans-serif;font-size:1.25rem;font-weight:500;transition:.3s linear all}.service-card .service-text{font-size:1rem;transition:.3s linear all}@media all and (max-width:480px){.service-card{width:90%}}@media all and (min-width:481px)and (max-width:767px){.service-card{width:80%}}@media all and (min-width:768px)and (max-width:959px){.service-card{width:35%}}.about-wrapper{display:flex;justify-content:right;align-items:center;position:relative;padding-top:2rem;padding-bottom:2rem}.about-wrapper:before{content:"";inset:0;position:absolute;z-index:-5;background:#70000070;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1}.about-wrapper:after{content:"";inset:0;position:absolute;z-index:-1;background-image:url(/images/about-bg.webp);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.9;background-attachment:fixed}@media all and (max-width:959px){.about-wrapper{flex-direction:column;justify-content:space-evenly}.about-wrapper:before{background:#151515}.about-wrapper:after{background-image:url(/images/about-bg-mobile.webp);background-position:right;opacity:.3}}.about-card{width:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}.about-card .about-card-title{margin-bottom:2.5rem;color:#f6f6f6}.about-card .about-article{margin-bottom:2rem}.about-card .about-article p{width:95%;margin-bottom:1.25rem;color:#f6f6f6;font-weight:600;font-size:1.1rem;line-height:1.35rem}.about-article .about-article-para a{color:#00d369;transition:.2s linear all}.about-article .about-article-para a:hover{color:#00ff7f}.about-article .about-article-para a:focus{color:#00773c}.about-btns-div{width:100%;display:flex;justify-content:flex-start;align-items:center}.about-btn{width:7rem;display:flex;justify-content:center;align-items:center;margin-right:4rem;text-align:center;font-weight:600;padding:.5rem;border-radius:3rem;background-color:#00d369;color:#f6f6f6;transition:.3s linear all;box-shadow:0 .1rem .1rem #252525}.about-btn:hover{background-color:#00ff7f;color:#505050}.about-btn:focus{background-color:#00773c;color:#f6f6f6;box-shadow:0 0 #252525}.dev-icon{margin-left:.25rem}@media all and (max-width:480px){.about-card{width:90%}}@media all and (min-width:481px)and (max-width:767px){.about-card{width:80%}}@media all and (max-width:575px){.about-btns-div{flex-direction:column}.about-btns-div .about-btn{width:100%}}@media all and (min-width:576px)and (max-width:959px){.about-btns-div{justify-content:space-evenly}}@media all and (max-width:767px){.about-card .about-card-title{font-size:1.5rem}.about-card .about-article p{font-size:1rem}}@media all and (min-width:768px)and (max-width:959px){.about-card{width:75%}}@media all and (max-width:959px){.about-card .about-card-title,.about-card .about-article p{color:#f6f6f6;text-shadow:0rem 0rem .1rem #050505}.about-btns-div .about-btn{margin-right:0rem;margin-bottom:.75rem}}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-card{width:65%;max-width:65%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}.contact-card .contact-card-title{margin-bottom:1.5rem}.contact-card p{margin-bottom:1.5rem;line-height:1.25rem}@media all and (max-width:480px){.contact-card{width:90%;max-width:90%}}@media all and (min-width:481px)and (max-width:767px){.contact-card{width:80%;max-width:80%}}@media all and (max-width:767px){.contact-card p{margin-bottom:.75rem}}@media all and (min-width:768px)and (max-width:959px){.contact-card{width:70%;max-width:70%}}.form-wrapper{width:60%;min-width:65%;display:flex;flex-direction:column;justify-content:center;align-items:center}#contact-form{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#101010;border:1px solid rgb(0,119,60);border-radius:.5rem;padding:1.25rem;transition:.3s linear all}#contact-form:hover{border:1px solid #00d369;box-shadow:0 .05rem .1rem #00773c}#contact-form:hover .contact-fieldset{border-top:1px solid #00d369}.contact-fieldset{width:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid rgb(0,119,60);transition:.3s linear all;color:#f6f6f6}.contact-fieldset .form-legend{width:auto;text-align:center;font-size:1.1rem;font-weight:400;padding:1rem .75rem;margin-bottom:1.25rem;color:#f6f6f6}.contact-field{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.form-div{width:45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:1rem}.form-div .form-label{display:flex;justify-content:flex-start;align-items:center;margin-bottom:.5rem;transition:.3s linear all}.form-div .form-label:hover{color:#00d369;cursor:pointer}.form-icon{margin-right:.25rem}.not-necessary-span{margin-left:.25rem;font-size:.8rem;font-weight:300}.form-div input{width:100%;font-size:.9rem;padding:.25rem;border-bottom:1px solid rgb(0,119,60);border-radius:.25rem;transition:.2s linear all;margin-bottom:.25rem;background-color:#101010;color:#f6f6f6}.form-div input:hover{border-bottom:1px solid rgb(0,119,60)}.form-div input:focus{outline:1px solid rgb(0,119,60);border-bottom:1px solid transparent;box-shadow:0 .1rem .1rem #00773c;background-color:#080808}.form-div input::placeholder{color:#888}.textarea-div{width:100%}.form-div textarea{width:100%;font-size:.9rem;padding:.5rem;border:1px solid rgb(0,119,60);border-radius:.25rem;resize:none;background-color:#101010;color:#f6f6f6;transition:.2s linear all}.form-div textarea:hover{border:1px solid #00d369}.form-div textarea:focus{outline:1px solid #00d369;border:1px solid transparent;background-color:#080808;box-shadow:0 .1rem .1rem #00773c}.result-div{margin-bottom:1rem;padding-inline:.25rem}.result-div .result-msg{font-size:.9rem;color:#f6f6f6}@media all and (max-width:480px){#contact-form{padding:.35rem}.form-wrapper{width:90%;min-width:90%}.form-legend{font-size:1.05rem;padding-inline:.5rem}.form-div{width:95%}}@media all and (min-width:481px)and (max-width:767px){#contact-form{padding:.5rem}.form-wrapper{width:80%;min-width:80%}}@media all and (min-width:768px)and (max-width:959px){.form-wrapper{width:70%}}@media all and (max-width:767px){.contact-fieldset{width:95%}.contact-field{flex-direction:column}.form-div{min-width:100%}}@media all and (min-width:960px){.form-label{margin-bottom:.35rem}}.form-buttons-div{width:100%;display:flex;justify-content:space-evenly;align-items:center}.form-buttons-div .form-btn{width:11rem;display:flex;justify-content:center;align-items:center;gap:.25rem;border-radius:3rem;padding:.5rem;text-align:center;font-size:.9rem;font-weight:700;box-shadow:0 .1rem .1rem #252525;transition:.2s linear all;cursor:pointer}.form-buttons-div .form-btn:focus{box-shadow:0 0 #252525}.send-btn{background-color:#00d369}.send-btn:hover{background-color:#00ff7f;color:#505050;text-shadow:0rem 0rem 0rem #252525}.send-btn:focus{background-color:#f6f6f6}.reset-btn{background-color:#8a008a;color:#050505}.reset-btn:hover{background-color:#ad00ad}.reset-btn:focus{background-color:#690069;color:#f6f6f6}@media all and (max-width:376px){.form-buttons-div .form-btn{width:100%}}@media all and (max-width:480px){.form-buttons-div{flex-direction:column;justify-content:center}.form-buttons-div .form-btn{width:100%}}@media all and (min-width:481px)and (max-width:767px){.form-buttons-div .form-btn{width:45%}}@media all and (max-width:767px){.form-buttons-div .form-btn{margin-bottom:1rem}}.dev-signature{padding:.5rem 1rem;border:1px solid #00d369;border-radius:3rem;transition:.3s linear all;color:#f6f6f6;font-weight:500}.dev-signature:hover{background-color:#00d369;color:#050505}.dev-signature:hover .dev-github{color:#8a008a}.dev-github{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;color:#ad00ad;font-weight:600;transition:.3s linear all}.dev-github:focus{color:#690069}@media all and (max-width:375px){.dev-signature{font-size:.8rem}}.footer-element{display:flex;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:2rem}