@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Young+Serif&display=swap";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Chakra+Petch&family=Comfortaa&family=DM+Serif+Display&family=Montserrat&family=Poppins:wght@700&display=swap";html{margin:0;padding:0;border:0;background-color:#111;scroll-behavior:smooth}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;list-style-type:none}article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;background:#111}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400;float:none!important}table,th,td{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:none}:focus{outline:0}.navigation{width:100%;box-sizing:border-box;font-family:Montserrat,sans-serif;position:sticky;top:0;color:#fff;z-index:1000}.awesome{background-color:red}.navigation a{text-decoration:none;color:inherit}.navigation nav{display:inline-flex;height:50px;background-color:#111111dc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;width:100%;padding:15px 20px;box-sizing:border-box;align-items:center}.navigation .adedevs{font-weight:600;color:#777;font-size:17px;text-decoration:underline .12em #777777;text-underline-offset:.1em;transition:text-decoration-color .3s,text-underline-offset .3s}.navigation .adedevs:hover{color:#f2f2f2;text-decoration-color:#f2f2f2;text-underline-offset:.4em}.adedevs.active{color:#f2f2f2;text-decoration:underline .15em #f2f2f2;text-underline-offset:.4em}.navigation .desk-menu{display:flex;gap:17px}.desk-menu li{padding:3px 10px 0;font-size:14px;font-weight:500;transition:.3s ease-in-out}.desk-menu a{color:#777;text-decoration:underline .12em #777;text-underline-offset:.1em;transition:text-decoration-color .3s,text-underline-offset .3s}.desk-menu a:hover{color:#f2f2f2;text-decoration-color:#f2f2f2;text-underline-offset:.4em}.desk-menu a.active{color:#f2f2f2;text-decoration:underline .15em #f2f2f2;text-underline-offset:.4em}.toggle-menu{display:none}.toggle-menu ion-icon{border:2px solid #b2b2b2;border-radius:20px;vertical-align:middle;display:inline-flex;padding:3px 10px}.hamburger-menu{display:flex;flex-direction:column;gap:20px;background-color:#f4f4f4;position:absolute;top:0;left:0;box-sizing:border-box;overflow-x:hidden;width:100%;max-width:0;transition:.2s ease-in-out;z-index:1000}.hamburger-menu.show{max-width:100%}.hamburger-menu .toggle-menu{color:#000;text-align:right;display:inline-flex;justify-content:right;width:100%;font-size:15px;padding:15px 10px 10px 0;box-sizing:border-box}.hamburger-menu .toggle-menu ion-icon{border:2px solid #b2b2b2;border-radius:20px;padding:3px 10px}.hamburger-menu a{border-radius:7px;margin:0 14px;font-weight:500;font-size:13px;border:2px solid #aeaeae;color:#7a7a7a;padding:5px 10px;transition:.3s ease-in-out}.hamburger-menu a:hover{border:2px solid #000;color:#000}.hamburger-menu a:nth-last-child(1){margin-bottom:25px}.hamburger-menu a.active{border:2px solid #000;color:#000}.overlay{position:fixed;top:0;left:0;right:0;height:100vh;width:100vw;max-width:0;background-color:#00000080;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:999;transition:.2s ease-in-out}.overlay.show{max-width:130vw}@media (max-width: 700px){.navigation .desk-menu{display:none}.toggle-menu{display:block}.navigation nav{padding:30px 10px}}@media (min-width:701px){.hamburger-menu,.overlay{display:none}nav .desk-menu,.contact{display:inherit}.toggle-menu{display:none}}.home{font-family:Montserrat,sans-serif;width:100%;box-sizing:border-box;margin:0 auto;position:relative;color:#fff;scroll-behavior:smooth}.socials{color:#000;display:flex;flex-direction:row;gap:10px;background-color:#11111143;border-radius:10px;padding:3px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;right:20px;bottom:15px}.socials a{color:inherit;text-decoration:none}.socials li{display:inline-flex;background-color:#fff;border:2px solid #111;padding:5px;border-radius:10px;font-size:20px;align-items:center;transition:.3s ease-in-out}.socials li:hover{border:2px solid #fff;background-color:transparent;color:#fff}.home .home-page{width:100%;display:flex;overflow-y:hidden;padding:10px 30px;flex-direction:column;box-sizing:border-box}.home .home-page .hero{margin:40px 0 30px;display:grid;grid-template-columns:2fr auto;gap:10px}.hero .txt{display:flex;flex-direction:column;justify-content:end}.hero .me{height:300px;width:200px;background-image:url(/assets/hero-K4sV4CS2.jpeg);background-position:center;background-size:cover;border-radius:10px;align-self:flex-end}.hero h1{text-transform:uppercase;font-size:4em;line-height:100%;width:100%;font-family:"Young Serif",sans-serif;margin-bottom:10px}.hero p{width:100%;font-family:Courier New,Courier,monospace,sans-serif;font-size:15px}@media (max-width: 650px){.home{width:100%}.home .home-page{padding:10px 20px}.hero p{font-size:15px}.home .home-page .hero{gap:30px;margin:0 0 20px}.hero .txt{grid-row:2;height:fit-content;grid-column:1/3}.hero .me{grid-column:2/3;width:70vw}}@media (max-width: 500px){.hero h1{font-size:3.4em}.home .home-page .hero{width:100%}}@media (max-height: 760px){.socials{flex-direction:row}.socials li{font-size:15px;padding:3px}.number{font-size:2.4em}}.about{font-family:Courier New,Courier,monospace,sans-serif;width:100%;box-sizing:border-box;color:#fff}.intro h1{font-size:1.8em;text-transform:capitalize;font-weight:400}.intro p{font-size:13px;margin:10px 0}.intro a{color:#777;text-decoration:underline 1.5px #777777;text-underline-offset:.1em;transition:text-decoration-color .3s,text-underline-offset .3s}.intro a:hover{color:#f2f2f2;text-decoration-color:#f2f2f2;text-underline-offset:.3em}.about .stats{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;margin:20px auto 0}.stats p{font-size:12px}.stats h1{margin-top:20px}.stats-box{align-items:center;width:100%;display:inline-flex;justify-content:space-between}.stats-box .bar{width:90%;height:8px;background-color:#000;box-sizing:border-box;border-radius:30px;border:1px solid #22d66c}.bar div{width:90%;background-color:#22d66c;height:100%;box-sizing:border-box;border-radius:30px;animation:progress .7s ease-in-out forwards;opacity:0}.bar .js{width:50%}.bar .ts{width:20%}.bar .css{width:80%}.bar .react{width:70%}.bar .vue{width:50%}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}@media (max-width: 650px){.intro p{width:100%;font-size:15px}.about .stats{width:100%}.about .stats-box{flex-direction:column;align-items:normal;gap:7px}.stats-box .bar{width:100%}.stats-box p{width:100%;font-size:14px;text-decoration:underline 2px #fff;text-underline-offset:3px;text-align:right}}.contact{font-family:Montserrat,sans-serif;width:100%;margin:100px 0 50px;box-sizing:border-box;color:#fff}.contact.dark{background-color:#fff;color:#000}.contact main{height:100%;width:100%;display:flex;overflow-y:hidden;gap:15px;box-sizing:border-box;flex-direction:column;justify-content:center}.contact-info a{color:inherit;font-size:13px;font-weight:600;text-decoration:underline 2px;transition:text-decoration-color .3s,text-underline-offset .3s;text-underline-offset:.1em;transition:.3s ease-in-out;color:#777}.contact-info a:hover{text-underline-offset:5px;color:#fff}.contact .contact-head{width:100%;margin:0 auto;box-sizing:border-box}.contact-head h1{text-transform:uppercase;font-size:2em;line-height:100%}.contact-head .contact-info{display:inline-flex;width:100%;align-items:center;box-sizing:border-box;justify-content:space-between}.contact .contact-box{width:100%;box-sizing:border-box;margin:0 auto;display:flex;flex-direction:column;gap:15px}.contact-box input{border:2px solid #777;height:30px;color:#fff;border-radius:7px;font-family:inherit;box-sizing:border-box;padding:20px 10px;transition:.3s ease-in-out;background-color:transparent}.contact-box input.dark{color:#000}.contact-box input::placeholder{text-transform:capitalize}.contact-box input:hover,.contact-box input:focus{border:2px solid #fff}.contact-box input:hover::placeholder{color:#fff}.contact-box textarea{height:200px;border-radius:7px;padding:15px 10px;color:#fff;border:2px solid #777;background-color:transparent;font-family:inherit;transition:.3s ease-in-out;box-sizing:border-box}.contact-box textarea::placeholder{text-transform:capitalize;transition:.3s ease-in-out}.contact-box textarea:hover,.contact-box textarea:focus{border:2px solid #fff}.contact-box textarea:hover::placeholder{color:#fff}.contact-box button{width:50%;padding:15px 5px;background-color:transparent;color:#fff;font-family:inherit;border:2px solid #777;border-radius:5px;margin:0 auto;box-sizing:border-box;text-transform:uppercase;transition:.3s ease-in-out;font-weight:500;font-size:15px;cursor:pointer}.contact-box button:hover{background-color:#fff;color:#000}@media (max-width: 600px){.contact .contact-head,.contact .contact-box,.contact-box button{width:100%}.contact-head .contact-info{display:block}.contact-info li:nth-last-child(1){text-align:right}}.projects{font-family:Montserrat,sans-serif;width:100%;margin-top:70px;box-sizing:border-box;color:#fff}.projects a{color:inherit;text-decoration:inherit}.projects-intro{display:flex;justify-content:space-between;gap:10px;margin:30px 0 50px}.projects-intro h1{font-size:2.3em;font-weight:600;text-transform:uppercase}.projects-intro p{width:80%;font-family:Courier New,Courier,monospace}.projects-intro a{align-self:flex-end;border:2px solid #777;box-sizing:border-box;padding:5px 10px;font-size:11px;height:fit-content;background-color:transparent;color:inherit;border-radius:10px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.projects-intro a:hover{background-color:#f2f2f2;color:#000}.projects-box{width:100%;display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;box-sizing:border-box;gap:20px;scrollbar-width:0;justify-content:space-between}.projects-box::-webkit-scrollbar{display:none}.projects-box .project-card{display:flex;flex-direction:column;justify-content:space-between;gap:15px;border-radius:0;box-sizing:border-box;height:fit-content}.project-card .project-img{height:300px;background-color:#0ff;background-position:center;background-size:cover;border-radius:5px;position:relative;transition:all .3s ease-in-out}.project-img:hover{box-shadow:3px 3px 1px #22d66c;z-index:999}.card-one .project-img{background-image:url(/assets/foodspring-Dbnn2-r8.png);background-color:#0ff;background-position:top}.card-two .project-img{background-image:url(/assets/rotate-CHqoMhAp.png)}.card-three .project-img{background-image:url(/assets/gallery-DevlfcIl.png)}.card-four .project-img{background-image:url(/assets/brooke-Dl8rJrhC.png)}.card-five .project-img{background-image:url(/assets/wordcounter-Byfqilus.png)}.card-six .project-img{background-image:url(/assets/dreamspace-DgZzBBw0.png)}.project-img:before{content:"";position:absolute;top:0;border-radius:5px;left:0;height:100%;width:100%;background-color:#001a2953;border:2px solid transparent;transition:.3s ease-in-out}.project-img:hover:before{background-color:#b0a2a200}.project-card .project-info{box-sizing:border-box}.project-card h1{font-size:1.5em;font-weight:600;color:#f2f2f2;cursor:pointer;text-transform:lowercase}.project-card h1 a{text-decoration:2px underline #777;color:#fff;text-underline-offset:1px;transition:.3s ease-in-out}.project-card h1 a:hover{text-decoration:2px underline #f2f2f2;text-underline-offset:7px}.project-card p{font-weight:300;font-size:13px;font-family:Courier New,Courier,monospace;color:#c4c4c4;text-align:right}@media (max-width: 650px){.projects-box{grid-template-columns:repeat(2,1fr)}.projects-intro{flex-direction:column}.projects-intro p{width:100%}.project-card .project-img{height:300px;background-position:top}.card-one .project-img{background-image:url(/assets/foodsprng-C9YoeeSh.png)}.card-two .project-img{background-image:url(/assets/rotate-mob-DjjkRyzO.png)}.card-three .project-img{background-image:url(/assets/gallery-mob-EK_DXu5g.png)}.card-four .project-img{background-image:url(/assets/brooke-mob-D_qNcn1x.png)}.card-five .project-img{background-image:url(/assets/wordcounter-mob-iXIuXvOf.png)}.card-six .project-img{background-image:url(/assets/dreamspace-mob-CaW_cpVN.png)}}@media (max-width: 500px){.projects-box{grid-template-columns:1fr;gap:50px}}