@font-face{font-family:Acme;src:local("Acme"),url(/assets/Acme-Regular-CI0wqks8.ttf) format("truetype");font-display:swap}@font-face{font-family:Rubik;src:local("Rubik"),url(/assets/Rubik-Regular-avt9EofQ.woff2) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Rubik;src:local("Rubik"),url(/assets/Rubik-Medium-DF6TUXqM.woff2) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Rubik;src:local("Rubik"),url(/assets/Rubik-SemiBold-DH7HY-Jx.woff2) format("woff");font-weight:600;font-display:swap}@font-face{font-family:Rubik;src:local("Rubik"),url(/assets/Rubik-Bold-Cps88eDl.woff2) format("woff");font-weight:700;font-display:swap}html{scroll-behavior:smooth}body{font-family:Rubik,Adjusted Arial,sans-serif;margin:0;--light: #fff;--dark: #111;--primary: #008cff;--secondary: #eeda00;--time-one: .1s;--time-two: .3s;--time-three: .7s;--gap-one: 1rem;--gap-two: 3rem;--gap-three: 9rem;--h-padding: 20%;--h-padding-tight: calc(var(--h-padding) * 1.25);--scroll: smooth}*{box-sizing:border-box}a{text-decoration:none}.root{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}header{background-color:var(--dark)}main{background-color:var(--secondary)}.email-link,.email-link:visited{color:var(--primary);font-size:inherit;font-weight:500}.email-link:hover{filter:brightness(125%)}.limiter{padding:0 20%}.separator{margin:0;height:40px;border:none;background-position:0px 0px,20px 20px;background-image:linear-gradient(45deg,var(--dark) 25%,transparent 25%,transparent 75%,var(--dark) 75%,var(--dark) 100%),linear-gradient(45deg,var(--dark) 25%,var(--secondary) 25%,var(--secondary) 75%,var(--dark),75%,var(--dark) 100%);background-size:40px 40px}#contact-mobile,#mobile_nav{display:none}.menu-icon{display:none;height:2rem;width:2rem;margin-right:1rem;margin-top:1rem;float:right}.navigation-links{list-style:none;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;padding:0;gap:2rem}.navigation-links li:last-child{margin-left:auto}.navigation-link{color:var(--light);font-size:20px;font-weight:500;text-decoration:none;transition:var(--time-one) ease-in-out all}.navigation-link:visited{color:var(--light)}.navigation-link:hover,.navigation-link:active{color:var(--primary)}.btn{display:inline-block;padding:5px 10px;transition:var(--time-two);font-size:16px;font-weight:700}.btn:hover{cursor:pointer}.btn-primary{border:2px solid var(--primary);background-color:transparent;color:var(--primary)}.btn-primary:hover{box-shadow:0 40px 0 var(--light) inset;border-color:var(--light);color:var(--dark)}.btn-light{border:2px solid var(--light);background-color:transparent;color:var(--light)}.btn-light:hover{box-shadow:0 40px 0 var(--primary) inset;border-color:var(--primary);color:var(--light)}.btn-dark{border:2px solid var(--dark);background-color:transparent;color:var(--dark)}.btn-dark:hover{box-shadow:0 40px 0 var(--dark) inset;border-color:var(--dark);color:var(--light)}.btn-xl{border-width:5px;padding:10px 20px;font-size:24px}.btn-primary.btn-xl:hover{box-shadow:0 55px 0 var(--light) inset;color:var(--dark)}.btn-light.btn-xl:hover{box-shadow:0 55px 0 var(--primary) inset;color:var(--light)}.btn-dark.btn-xl:hover{box-shadow:0 55px 0 var(--dark) inset;color:var(--light)}.text-link{color:var(--secondary);text-decoration:underline;font-weight:600}.text-link:active,.text-link:visited{color:var(--secondary)}.text-highlight{width:fit-content;font-family:Acme,cursive;background-color:var(--dark);color:var(--light);font-weight:500;font-size:2.5rem;margin:0 0 1rem;padding:0 .75rem}.text-highlight.dark{color:var(--dark);background-color:var(--secondary)}.mobile-placeholder{display:none}.hero-header{font-size:3.5rem;margin:0 0 1rem}.hero-header:after{animation:blinking 1.5s steps(2,start) infinite}.hero-area{padding:3rem var(--h-padding-tight) 5rem}.hero{display:flex;flex-flow:row wrap}.hero .img-container{position:relative;right:0;max-width:50rem;margin-left:auto}.hero-img img{margin-top:3rem;width:100%}.about-area{background-color:var(--dark);padding:3rem var(--h-padding);color:var(--light)}.about-content{display:flex;flex-flow:row wrap;max-width:80ch;margin:0 auto}.about-area h1{font-size:2.5rem;width:fit-content;margin:0 auto 2rem}.about-experience{font-size:2rem;margin:0 0 1rem}.about-experience__header{font-size:2rem;margin:0 0 1.5rem}.about-freelance{font-family:Acme,sans-serif;font-size:1.5rem;margin:0 .75rem 0 0;width:fit-content;padding:0 .5rem;background-color:var(--secondary);color:var(--dark)}.about-freelance__header{display:flex;flex-flow:row wrap;gap:.5rem;justify-content:flex-start;align-items:center;margin:0 0 1rem}.about-date{font-size:1.25rem;font-weight:500}.about-list{margin:0}.about-item{line-height:1.5;margin-bottom:.75rem;font-size:1rem}.about-text{font-size:1.2rem;line-height:1.5;margin:0 0 2rem;font-weight:500}.work-area{padding:var(--gap-two) 0 var(--gap-three);color:var(--dark);background-image:radial-gradient(black 1px,transparent 0);background-size:20px 20px;background-position:-18px -18px}.work-area h1{font-size:2.5rem;width:fit-content;margin:0 auto 3rem;padding:0 1.1rem;background-color:var(--secondary)}.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));justify-content:center;align-items:stretch;gap:2rem;color:var(--light);padding:0 min(2rem,5%)}.work{display:flex;flex-flow:column nowrap;padding:1.5rem;background-color:var(--dark);line-height:1.5rem}.work-thumbnail{max-height:220px;max-width:100%;margin:0 auto 1.5rem;object-fit:cover}.work-header{font-size:1.5rem;margin:0}.work-links{display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:1rem;margin-top:auto;margin-bottom:1rem}.work-footer{margin-top:auto}.work-technologies{display:flex;flex-flow:row wrap;gap:8px}.work-technologies span{display:block;padding:5px 12px;border-radius:50px;color:var(--light);font-weight:500}body .laravel{background-color:#ff2d20;color:var(--dark)}body .react{background-color:#58c4dc;color:var(--dark)}body .php{background-color:#4f5b93}body .typescript{background-color:#3178c6}body .javascript{background-color:#f0da50;color:var(--dark)}body .mysql{background-color:#00758f}body .vue{background-color:#42b883;color:var(--dark)}body .java{background-color:#f89917;color:var(--dark)}body .linux{background-color:var(--dark);color:var(--light)}body .wordpress{background-color:var(--light);color:var(--dark)}.services-area{background-color:var(--dark);padding:var(--gap-two) var(--h-padding) var(--gap-three);color:var(--light);background-image:radial-gradient(var(--secondary) 1px,transparent 0)}.services-area h1{font-size:2.5rem;width:fit-content;margin:0 auto 2rem}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--gap-one)}.service-card{flex:1;color:var(--dark);padding:.5rem;background-color:var(--secondary);font-weight:500}.service-card__header{font-size:1.5rem;margin:0 auto;text-align:center;padding:.25rem .75rem}.service-card p{font-size:1.2rem;text-align:center}.service-icon{display:block;width:5rem;filter:brightness(0%);margin:.5rem auto 1rem}.skills-area{background-image:radial-gradient(black 1px,transparent 0);background-size:20px 20px;padding:var(--gap-two) var(--h-padding) var(--gap-three)}.skills-area h1{font-size:2.5rem;width:fit-content;margin:0 auto 2rem;padding:0 1rem;background-color:var(--secondary)}.skills{display:grid;grid-template-columns:repeat(5,140px);justify-content:center;justify-items:center;gap:var(--gap-one);margin:0 auto}.skill{background-color:var(--dark);color:var(--light);padding:1rem;width:140px}.skill-img{display:block;width:100px;max-height:100px;margin:0 auto .5rem}.skill-text{margin:0;font-size:1.25rem;font-weight:500;text-align:center}.contact-area{color:var(--light);background-color:var(--dark);padding:var(--gap-two) var(--h-padding) 6rem}.contact-area h1{font-size:2.5rem;margin:0 auto 2rem;text-align:center;width:fit-content}.contact-content p{font-size:1.5rem;margin-bottom:.5rem}.contact-content a{display:inline-block}.contact-links{display:flex;flex-flow:row wrap;justify-content:center;gap:3rem}.contact-link{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:1rem}.contact-form{border:1px solid #444;box-shadow:1rem 1rem #444;padding:2rem;width:fit-content;margin:4rem auto 0}.contact-form form{display:grid;grid-template-areas:"name email" "body body" "submit submit";gap:2rem;max-width:50rem;margin:2rem auto 0}.contact-form__heading{text-align:center;margin:0}.form-group{display:flex;flex-flow:column;width:100%}.form-group label{font-size:1.25rem;font-family:Acme,sans-serif}.form-group input,.form-group textarea{font-family:Rubik,sans-serif;font-size:1.25rem;padding:.75rem 1rem;width:100%;border-radius:0;border:2px dashed var(--dark)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group:nth-child(2){grid-area:name}.form-group:nth-child(3){grid-area:email}.form-group:nth-child(4){grid-area:body}.contact-form form *:nth-child(6){grid-area:submit}footer{color:var(--light);background-color:var(--dark);padding:3rem 0}.footer-heading{font-size:1.25rem;margin:0;text-align:center}@keyframes blinking{0%,45%{visibility:hidden}46%,to{visibility:visible}}@media (max-width: 1199px){body{--h-padding: 3%}ul{padding-left:1rem}.hero-header{font-size:3.25rem}.hero-area{box-sizing:content-box;display:flex;align-items:center;padding:1rem var(--h-padding-tight);min-height:500px;height:calc(100lvh - 8.5rem);max-height:700px}.mobile-placeholder{background-color:var(--secondary);display:block;height:4rem}.works{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.work{padding:1rem}.skills{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.limiter{min-height:4rem;padding:0;position:fixed;width:100%;z-index:9999}.navigation-links{display:none;margin-top:4rem}.navigation-link{display:block;padding:.5rem 1rem;font-size:1.75rem}.navigation-link:active{background-color:var(--light);color:var(--dark)}.menu-icon{display:block}.contact-form{border:none;box-shadow:none}.contact-form form{grid-template-areas:"name" "email" "body" "submit";gap:1rem}#contact-mobile{display:block}#mobile_nav{visibility:hidden;width:2rem;height:2rem;margin-left:1rem;margin-top:1rem}#mobile_nav:checked~*>.navigation-links{display:block}.navigation-links .btn{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}body{--time-one: 0;--time-two: 0;--time-three: 0}}