:root{--neo1: #00ff00;--neo2: #7cfc00;--neo3: #32cd32;--header-color: rgb(1, 20, 13, .97)}header .container{padding:var(--main-padding);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:2;height:9vh;width:100%;border-bottom:rgb(0,255,0) solid .5px;background-color:var(--header-color);box-shadow:0 0 5px 5px #00ff004d}header .container .logo{display:flex;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.6rem;font-style:italic;font-weight:900;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent}header .container .bar{display:none}header .container ul{display:flex;list-style-type:none;align-items:center;width:100%;gap:10vw}header .container ul li{display:flex;font-weight:600;width:100%}header .container ul li a:before{content:"";position:absolute;bottom:-2px;height:2px;width:100%;background-color:var(--neo1);border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}header .container ul li a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}header .container ul li a:visited{color:var(--neo1)}header .container ul li a{position:relative;font-size:.7rem;color:var(--neo1);text-wrap:nowrap;text-decoration:none;padding:5px;width:100%}header .container ul li a span{margin-left:5px}@media (min-width: 320px) and (max-width: 767px),(max-width : 992px) and (orientation: landscape){header .container .logo{font-size:.7rem}header .container .bar{display:block;position:absolute;color:var(--neo1);font-size:1rem;font-weight:700;right:5%;top:30%}header .container ul{transition:all .8s ease;width:fit-content;padding:0;flex-direction:column;justify-content:center;justify-items:center;align-items:center;position:absolute;top:75%;right:0;margin:0;background-color:var(--header-color);gap:0}header .container ul li{padding-left:25px;padding-right:25px;margin:var(--main-padding) 0}header .container ul li a:before{left:0}header .container ul li a{font-size:.6rem}}:root{--main-padding: 20px}.sec1 .container{display:flex;justify-content:center;align-items:center;padding:var(--main-padding);height:90vh}.sec1 .container .Home{animation:flipIn backwards .8s;position:relative;display:flex;align-items:center;flex-direction:column;width:100%;padding:var(--main-padding);-webkit-animation:flipIn backwards .8s}.sec1 .container .Home .title{display:flex;flex-direction:column}.sec1 .container .Home .title h2{font-size:2rem;margin-bottom:1rem;font-family:LeagueSpartan,Arial,sans-serif,Helvetica;letter-spacing:10px;font-weight:700;position:relative;left:-64px}.sec1 .container .Home .title h1{margin:0 0 16px;font-size:4.5rem;text-wrap:nowrap}.sec1 .container .Home .title span{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent}.sec1 .container .Home h3{display:flex;justify-content:center;align-items:center;font-size:2rem;margin:0 0 32px;font-weight:600;letter-spacing:2px}.sec1 .container .Home h3 span{position:relative}.sec1 .container .Home p{display:flex;align-items:center;justify-content:center;margin-bottom:4rem;background-color:#1e4726;padding:10px 20px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;font-size:1rem;font-weight:500}.sec1 .container .Home p:hover{background-color:#1e4e28}.sec1 .container .Home .title-bts{display:flex;gap:16px;align-items:center}.sec1 .container .Home .title-bts .btn{transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;padding:16px;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px;color:#fff;font-weight:700;font-size:1.5rem}.sec1 .container .Home .title-bts .btn1{background-image:linear-gradient(45deg,var(--neo1),var(--neo3),var(--neo2))}.sec1 .container .Home .title-bts .btn1:hover{box-shadow:0 0 12px 1px #3dcb3d80;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}.sec1 .container .Home .title-bts .btn2{background-color:#1e2b20}.sec1 .container .Home .title-bts .btn2:hover{box-shadow:0 0 12px 1px #3dcb3d80;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}.sec1 .container .Home .icon{position:absolute;bottom:-12%;animation:backwards 2s linear;-webkit-animation:arrow backwards 1s .5s infinite;font-size:1.5rem}.sec2 .container h2{display:flex;align-items:center;justify-content:center;text-align:center;font-size:4.5rem;font-style:italic;letter-spacing:10px;font-family:LeagueSpartan,Arial,sans-serif,Helvetica;margin-top:15%;margin-bottom:15%}.sec2 .container .services{display:grid;justify-content:center;justify-items:center;align-items:center;grid-template-columns:repeat(auto-fill,minmax(350px,auto));gap:40px;margin-bottom:15%}@media (min-width: 320px) and (max-width: 767px),(max-width : 992px) and (orientation: landscape){.container{width:100%}.sec1 .container .Home .title h2{font-size:.7rem;left:-.6rem}.sec1 .container .Home .title h1{font-size:1.6rem}.sec1 .container .Home h3{font-size:.7rem}.sec1 .container .Home p{font-size:.4rem;margin-bottom:2rem}.sec1 .container .Home .title-bts .btn{padding:10px;font-size:.5rem}.sec1 .container .Home .icon{font-size:.5rem}.sec2 .container h2{font-size:1.6rem}}@media (min-width: 768px) and (max-width: 991px){.sec1 .container .Home .title h2{font-size:2.3rem;left:-2.8rem}.sec1 .container .Home .title h1{font-size:3.5rem}}footer{display:flex;justify-content:center;align-self:center}footer .container{background-color:#01140d;padding:var(--main-padding);display:flex;justify-content:center;align-items:center;height:fit-content;width:100%;font-weight:500;box-shadow:0 0 5px 1px #00ff004d;text-align:center;margin-top:var(--main-padding)}@media (min-width: 320px) and (max-width: 767px),(max-width: 992px) and (orientation: landscape){footer .container span{font-size:.5rem}}:root{--serviceCardColor: hsl(115 84% 5% / 1)}.sec2 .container .services .serviceCard{animation:scroll linear;animation-timeline:view();animation-range:entry 0 cover 25%;transition:all .3s ease;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#0c1c06;padding:var(--main-padding);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;width:350px;height:250px;line-height:1.7;box-shadow:0 0 5px #3dcb3db3;text-align:center}.sec2 .container .services .serviceCard:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);box-shadow:0 0 10px #3dcb3dcc}.sec2 .container .services .serviceCard .icon{position:absolute;left:20px;top:20px;font-size:2rem}.sec2 .container .services .serviceCard h3{margin:30px 0 0;font-size:2rem;font-weight:700;text-wrap:nowrap}.sec2 .container .services .serviceCard p{font-size:1rem}@media (min-width: 320px) and (max-width: 767px),(max-width : 992px) and (orientation: landscape){.sec2 .container .services .serviceCard{width:200px;height:120px}.sec2 .container .services .serviceCard .icon,.sec2 .container .services .serviceCard h3{font-size:.7rem}.sec2 .container .services .serviceCard p{font-size:.5rem}}.sec1-about .container,.sec2-about .container,.sec3-about .container{animation:flipIn backwards .8s;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;padding:var(--main-padding)}.sec1-about .container h1{margin:0 0 16px;font-size:4rem;text-wrap:nowrap;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent}.sec1-about .container p,.sec2-about .container p{width:75%;display:flex;text-align:center;justify-content:center;font-size:1.6rem;font-weight:400;line-height:3rem;padding:2rem;letter-spacing:.2rem;color:#fff}.sec2-about .container h2,.sec3-about .container h2{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent;font-size:2rem;padding:2rem;text-align:center}.sec2-about .container ul,.sec3-about .container ul{list-style-type:none;display:flex;justify-content:center;flex-direction:column;gap:1.6rem;text-align:center;padding:0}.sec2-about .container ul li,.sec3-about .container ul li{font-size:1.2em;font-weight:700}.sec3-about .container h3{text-align:center;font-size:1.5rem;font-weight:700;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent}.sec3-about .container h3+ul li{font-size:1rem}.sec3-about .container a{margin:20px;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));padding:2rem;transition:all .2s ease-in-out;padding:10px 20px;background-image:linear-gradient(45deg,var(--neo1),var(--neo3),var(--neo2));color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.sec3-about .container a:hover{box-shadow:0 0 12px 1px #3dcb3d80;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}@media (min-width: 320px) and (max-width: 767px),(max-width: 992px) and (orientation: landscape){.sec1-about .container h1{font-size:1.4rem}.sec1-about .container p,.sec2-about .container p{padding:.5rem;width:100%;font-size:1rem;line-height:1.5rem}.sec2-about .container h2,.sec3-about .container h2{font-size:1.5rem;line-height:2rem}.sec2-about .container ul li,.sec3-about .container ul li{font-size:.8rem}.sec3-about .container h3+ul li{font-size:.7rem}}:root{--projectCardColor: #0c1c06;--projectCardColor2: #2a491d;--projectCardColor3: #0b1c04}.projectCard{animation:scroll linear;animation-timeline:view();animation-range:entry 0 cover 25%;transition:all .3s ease;margin-top:100px;margin-bottom:100px;display:flex;background-color:var(--projectCardColor);background-size:cover;width:400px;height:450px;flex-direction:column;align-items:center;border-radius:1.2rem;-webkit-border-radius:1.2rem;-moz-border-radius:1.2rem;-ms-border-radius:1.2rem;-o-border-radius:1.2rem;box-shadow:0 0 5px #3dcb3db3}.projectCard:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);box-shadow:0 0 10px #3dcb3dcc}.projectCard img{width:100%;height:40%;border-top-left-radius:1.2rem;border-top-right-radius:1.2rem}.projectCard .cardContent{width:100%;height:100%;padding:var(--main-padding);display:flex;justify-content:center;text-align:center;flex-direction:column;font-family:LeagueSpartan,Arial,sans-serif,Helvetica}.projectCard .cardContent h3{margin:0;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent;font-size:1.6rem;font-weight:700}.projectCard .cardContent p{display:flex;justify-content:center;align-items:center;padding:0 10px;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent;font-size:1rem;font-weight:600;line-height:1.5rem}.projectCard .cardContent .tools{display:flex;align-items:center;justify-content:center;gap:10%}.projectCard .cardContent .tools .tool{display:flex;justify-content:center;align-items:center;background-color:var(--projectCardColor2);width:100px;padding:5px 10px;font-size:.8rem;border-radius:100px;letter-spacing:2px;font-weight:400;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px}.projectCard .cardContent .links{display:flex;justify-content:space-around;align-items:center;width:100%;margin-top:5%}.projectCard .cardContent .links a{text-align:center;display:flex;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.projectCard .cardContent .links a span{display:flex;align-items:center;justify-content:center;text-wrap:nowrap;margin-left:4%}.projectCard .cardContent .links a:hover{color:var(--neo2);letter-spacing:1px;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}@media (min-width: 320px) and (max-width: 767px),(max-width : 992px) and (orientation: landscape){.projectCard{width:265px;height:320px}.projectCard .cardContent h3,.projectCard .cardContent p{font-size:.7rem}.projectCard .cardContent .tools .tool,.projectCard .cardContent .links a{font-size:.5rem}}.sec1-projects .container,.sec2-projects .container{animation:flipIn backwards .8s;display:flex;align-items:center;justify-content:center;flex-direction:column}.sec1-projects .container .skills{width:100%;display:grid;justify-content:center;justify-items:center;align-items:center;grid-template-columns:repeat(auto-fill,minmax(250px,auto));gap:50px;margin-bottom:15%}.sec1-projects .container .skills .skill{transition:all .3s ease;width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 5px #3dcb3db3;background-color:var(--projectCardColor3)}.sec1-projects .container .skills .skill:hover{box-shadow:0 0 10px #3dcb3db3;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}.sec1-projects .container .skills .skill img{width:80px;height:80px}.sec1-projects .container .skills .skill h3{font-size:1.6rem;letter-spacing:2px;font-weight:600}.sec1-projects .container h2,.sec2-projects .container h2{display:flex;align-items:center;justify-content:center;text-align:center;font-size:4.5rem;font-style:italic;letter-spacing:10px;font-family:LeagueSpartan,Arial,sans-serif,Helvetica;margin-top:15%;margin-bottom:15%}.sec2-projects .container{display:flex;align-items:center;justify-content:center}.sec2-projects .container .projectsCards{width:100%;display:grid;justify-content:center;justify-items:center;align-items:center;grid-template-columns:repeat(auto-fill,minmax(450px,auto));gap:100px;margin-bottom:15%}@media (min-width: 320px) and (max-width: 767px),(max-width : 992px) and (orientation: landscape){.sec1-projects .container h2,.sec2-projects .container h2{font-size:2.3rem}}.sec1-contact .container{animation:flipIn backwards .8s;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh}.sec1-contact .container h1{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,var(--neo1),var(--neo2),var(--neo3));color:transparent;margin:0 0 16px;font-size:4.5rem;text-wrap:nowrap;font-style:italic}.sec1-contact .container p{font-size:1.5rem;color:#fff;text-align:center;margin-bottom:5%;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;width:500px;background-color:#0b1c04;padding:5%;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 0 5px #3dcb3db3;margin-bottom:5%}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid rgba(61,203,61,.7);border-radius:10px;font-size:1rem;outline:none;background-color:#112311;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff;font-weight:500}.contact-form textarea{resize:none}.contact-form button{transition:all .2s ease-in-out;padding:10px 20px;background-image:linear-gradient(45deg,var(--neo1),var(--neo3),var(--neo2));color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.contact-form button:hover{box-shadow:0 0 12px 1px #3dcb3d80;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}.sec1-contact .container .contact-Links{display:flex;align-items:center;justify-content:space-evenly;width:50%;height:40px;padding:var(--main-padding)}.sec1-contact .container .contact-Links .link{transition:all .1s ease-in-out;font-size:1.8rem;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;color:#fff}.sec1-contact .container .contact-Links .link:hover{font-size:2rem;color:#09a324}@media (min-width: 320px) and (max-width: 767px),(max-width : 992px) and (orientation: landscape){.sec1-contact .container h1{font-size:1.6rem}.sec1-contact .container p{font-size:.7rem}.contact-form{width:280px}.contact-form input,.contact-form textarea,.contact-form label,.contact-form button{font-size:.5rem}.sec1-contact .container .contact-Links .link{font-size:.7rem}}.sec1-contact .container .contact-Links .link:hover{font-size:1rem}@font-face{font-display:fallback;font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-Thin-CwNhvuRh.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-display:fallback;font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-Light-BCE0vfyw.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-display:fallback;font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-Regular-BPRtzbvb.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-display:fallback;font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-Medium-N8FNkCtD.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-display:fallback;font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-SemiBold-DIA_uE9S.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-display:fallback;font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-Bold-JyyYt1F3.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-display:fallback;font-family:LeagueSpartan;src:url(/assets/LeagueSpartan-Black-LcDwCtfE.ttf) format("truetype");font-weight:900;font-style:normal}/*! normalize.css v8.0.1 | MIT License | github.com//normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes flipIn{0%{opacity:0;transform:translateY(10%);-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);-o-transform:translateY(10%)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@keyframes arrow{50%{transform:translateY(50%);-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@keyframes scroll{0%{opacity:0;transform:translateY(50%);-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}:root{--neo1: rgba(0, 255, 0, .9);--neo2: hsla(90, 100%, 49%, .9);--neo3: rgb(50, 205, 50,.9);--backColor1: #121212;--backColor2: #011805;--main-padding: 20px}:root *{box-sizing:border-box}a{text-decoration:none;color:#fff}body{font-family:LeagueSpartan,Arial,Helvetica,sans-serif;background-image:linear-gradient(45deg,var(--backColor2),var(--backColor1));scroll-behavior:smooth;color:#fff;min-height:100vh}body::selection{background:var(--neo3);color:#fff}body{padding-top:11vh}.container{margin:auto 0}