/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
:root{--color-black:#000;--color-white:#fff;--color-transparent:transparent;--color-accent:#ff4d6d;--color-accent-dark:#a93650;--color-accent-border:#a9365033;--muted:#5c5d6c;--color-gradient-highlight:#ffffffa3;--color-gradient-start:#fff0e8;--color-gradient-end:#f9e2d8;--color-light-pink:#fff0f2;--color-chip-background:#ffffff8c;--color-card-border:#1c1d2714;--color-card-background:#ffffffc2;--color-card-shadow:#432b2a0d;--color-card-shadow-hover:#432b2a1a;--color-about-overlay:#ffffffb3;--color-work-overlay:#fffc;--color-white-border:#ffffff1f;--color-overlay:#000c;--color-gray-light:#efefef;--color-gray:#c4c4c4;--color-gray-medium:#919191;--color-alert-text:#721c24;--color-alert-background:#f8d7da;--color-menu-border:#dbd7d7;--color-purple:#d68fd6;--color-off-white:#fff3f2;--color-footer-background:#2f2f30;--color-footer-muted:#787d86;--color-gray-dark:#555}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;line-height:1.15}body,p,h1,button,input,select,textarea,section,ul{margin:0;padding:0}ul li{list-style-type:none}article,footer,header,nav,section,main{display:block}a{background-color:var(--color-transparent);-webkit-text-decoration-skip:objects;color:var(--color-black);text-decoration:none}a:active,a:hover{color:var(--color-black);outline-width:0}b,strong{font-weight:inherit;font-weight:bolder}img{border-style:none}button,input{overflow:visible}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}body,h1,h2,h3,h4,p,span{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background-color:var(--color-white);width:100%;color:var(--color-black);font-family:Raleway,sans-serif;font-size:100%;line-height:1.2}p{margin-bottom:10px;font-size:1rem;line-height:1.5}.group{content:"";clear:both;display:table}.content{box-sizing:border-box;width:100%;margin:0 auto;padding:60px 24px}.gradient-bg{background:radial-gradient(ellipse at 8% 12%, var(--color-gradient-highlight), var(--color-transparent) 38%), linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);box-sizing:border-box;width:100%;color:var(--color-black)}.page-title{padding-bottom:30px;font-size:2rem}.page-title h2,.page-title h3{margin:0}.page-title h3{text-align:center;letter-spacing:.5px;font-size:1.75rem}.page-title,.certificate h3{text-align:center;text-transform:uppercase;font-family:Pathway Gothic One,sans-serif}.page-title:after,.certificate h3:after{content:" ";background-color:var(--muted);text-align:center;width:60px;height:4px;margin:10px auto 0;display:block}.btn-outlined{background:var(--color-transparent);border:1px solid var(--color-black);text-transform:uppercase;text-align:center;cursor:pointer;color:var(--color-black);letter-spacing:2px;border-radius:100px;margin-top:50px;padding:12px 30px;font-family:Pathway Gothic One,sans-serif;font-size:1.125rem;transition:all .5s}.btn-outlined:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.text-black{color:var(--color-black)}.text-pink{color:var(--color-accent)}.text-muted{color:var(--muted)}.contact{text-align:center}.contact div{max-width:700px;margin:0 auto}.contact p:last-of-type{border:1px solid var(--color-accent-border);background:var(--color-chip-background);color:var(--muted);border-radius:999px;padding:10px 21px;font-size:.78rem;font-weight:600;display:inline-block}.contact a:hover{color:var(--muted);text-decoration:underline}@media screen and (width>=768px){.content{max-width:900px}}@media screen and (width>=1024px){.page-title{padding-bottom:50px;font-size:2.5rem}.page-title h3{font-size:2.25rem}.content{max-width:1200px}}@media screen and (width>=1200px){.wide-container{padding-top:56px;padding-bottom:56px}.content{max-width:1400px}}.home{background:var(--color-black) url(/assets/work-office.jpg) no-repeat center}.bgimage{box-sizing:border-box;background-size:cover;background-attachment:fixed;width:100%;height:100vh}.white-overlay{background:var(--color-overlay);height:100vh}header{background-color:var(--color-black);padding:20px}.header.content{padding:0}.header div{justify-content:space-between;align-items:center;display:flex}.header h1{text-transform:uppercase;font-family:Pathway Gothic One,sans-serif;font-size:1.5625rem;font-weight:400}.header h1 a{color:var(--color-white)}.menu{color:var(--color-white);box-sizing:border-box;text-align:right;text-transform:uppercase;cursor:pointer;font-family:Pathway Gothic One,sans-serif;font-size:1.5rem;line-height:1.3;display:inline-block}nav{background-color:var(--color-black);z-index:1;width:0;height:100%;padding-top:60px;transition:all .5s;position:fixed;top:0;right:0;overflow-x:hidden}nav.open{width:260px}nav.closed{width:0}nav ul a{border-bottom:1px solid var(--color-menu-border);color:var(--color-white);text-align:center;box-sizing:border-box;width:90%;margin:0 auto;padding-top:10px;padding-bottom:10px;font-family:Pathway Gothic One,sans-serif;font-size:1.375rem;transition:all .3s;display:block}.closeMenu p{cursor:pointer;color:var(--color-white);padding:10px 20px;font-size:3.125rem;position:absolute;top:0;right:25px}.header h1 a:hover,.menu:hover,nav ul a:hover,.closeMenu p:hover{color:var(--color-accent)}.header h1 a:hover span{color:var(--color-white)}.welcome-message{color:var(--color-white);position:absolute;top:50%;transform:translateY(-50%)}.subject{white-space:nowrap;font-family:Pathway Gothic One,sans-serif;font-size:1.75rem;animation:4s steps(60,end) type;overflow:hidden}.subject .const{color:var(--color-purple)}.subject .developer-name{color:var(--color-accent)}@keyframes type{0%{width:0}to{width:100%}}.blinking{border-right:2px solid var(--color-white);animation:1s step-end 10 blink}@keyframes blink{0%,to{border-color:var(--color-transparent)}50%{border-color:var(--color-white)}}.sub{letter-spacing:1px;white-space:normal;color:var(--color-gray);margin-bottom:0;font-size:1rem}.sub:last-of-type{margin-bottom:30px}.btn-chat{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-off-white);margin-top:30px}.btn-chat:hover{background-color:var(--color-transparent);border-color:var(--color-off-white);color:var(--color-off-white)}@media screen and (width>=910px){.header h1{font-size:1.875rem}.menu{font-size:1.8125rem}.home .welcome-message{text-align:left}.subject{font-size:2.8125rem}}@media screen and (width>=1020px){.subject{letter-spacing:2px;font-size:4.375rem}.sub{width:60%}}.introduction h2{margin-top:0;margin-bottom:20px;font-size:2.1875rem;line-height:1.12}.introduction .title p{font-size:1rem}.skills-module{align-items:center;gap:clamp(32px,6vw,88px);max-width:1280px;margin:0 auto;display:flex}.introduction .title{flex:0 40%}.skills-kicker{color:var(--color-accent-dark);letter-spacing:2px;align-items:center;gap:9px;margin-bottom:18px;font-family:Pathway Gothic One,sans-serif;font-size:.95rem;display:flex}.skills-kicker span{font-size:1.15rem}.skills-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.skills-tags span{border:1px solid var(--color-accent-border);background:var(--color-chip-background);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:600}.skills-tags span.light-pink{background:var(--color-gradient-end)}.value-list{flex:60%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.value-item{border:1px solid var(--color-card-border);background:var(--color-card-background);min-height:190px;box-shadow:0 8px 24px var(--color-card-shadow);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.value-item:hover{box-shadow:0 14px 30px var(--color-card-shadow-hover);transform:translateY(-4px)}.value-item .mk{background:var(--color-light-pink);width:38px;height:38px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.value-item h3{text-transform:uppercase;letter-spacing:.5px;margin-top:18px;margin-bottom:10px;font-family:Pathway Gothic One,sans-serif;font-size:1.35rem;font-weight:400}.value-item p{color:var(--muted);margin:8px 0 0;font-size:.9rem}.aboutMe{background-color:var(--color-black);box-sizing:border-box;background-image:url(/assets/me.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%}.aboutMe div{background-color:var(--color-about-overlay);box-sizing:border-box;height:100%;box-shadow:none;flex-direction:column;justify-content:center;padding:20px;display:flex}.aboutMe .bold{text-transform:uppercase;font-family:Pathway Gothic One,sans-serif;font-size:1.5625rem}.aboutMe p:first-of-type{font-family:Playfair Display,serif;font-size:2.1875rem;font-style:italic}.projects{background-color:var(--color-black);color:var(--color-white)}.proj{border-bottom:1px solid var(--color-white-border);gap:16px;padding:20px 0;display:grid}.proj h4{color:var(--color-accent);letter-spacing:.5px;margin-top:0;margin-bottom:16px;font-size:1.25rem}.proj>div,.proj>p{padding-top:24px}.projects .stackline{letter-spacing:1px;font-family:Pathway Gothic One,sans-serif;font-size:1.125rem}.projects .links{text-align:center;padding-top:0}.projects .links a{color:var(--color-accent);letter-spacing:.5px;font-family:Pathway Gothic One,sans-serif;font-size:1rem;text-decoration:none}.projects .links a:hover{text-decoration:underline}.certificate{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}.certificate img{width:100%;height:250px;box-shadow:0 8px 24px var(--color-card-shadow);margin:0 auto;transition:transform .2s,box-shadow .2s;display:block}.certificate img:hover{box-shadow:0 14px 30px var(--color-card-shadow-hover);transform:translateY(-4px)}.slideUp{animation:1s forwards slideUp;transform:translateY(200px)}.slideUp:nth-child(odd){animation-duration:.6s}.visible{animation:none;transform:translateY(0)}@keyframes slideUp{to{transform:translateY(0)}}.work{background:url(/assets/code.jpg) 50%/cover no-repeat fixed;height:40vh;padding:20px;display:flex}.work-field{background-color:var(--color-work-overlay);text-align:center;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 20px;display:flex}.work-field p:first-of-type{margin-bottom:30px;font-size:1rem}.contact-button{text-align:center}.contact p:first-of-type{margin-bottom:14px}.btn-work-history{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-off-white);font-family:Pathway Gothic One,sans-serif;font-size:1.125rem}.btn-work-history:hover{border:1px solid var(--color-black);color:var(--color-black);background-color:var(--color-transparent)}@media screen and (width>=660px){.aboutMe{height:480px;position:relative;overflow:hidden}.aboutMe div{width:55%;height:100%;margin:0;position:absolute;top:0;left:0}}@media (width<=700px){.skills-module{flex-direction:column;align-items:stretch}.introduction .title,.value-list{flex-basis:auto;width:100%}.value-item{min-height:0}}@media (width<=480px){.value-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.value-item{transition:none}.value-item:hover{transform:none}}@media screen and (width>=768px){.certificate{flex-direction:row}}@media screen and (width>=910px){.work{position:relative;overflow:hidden}.work .work-field{text-align:left;height:100%;margin:0;padding-left:32px;position:absolute;top:0;right:0}}@media screen and (width>=920px){.aboutMe div{padding-left:7.5%}.proj{grid-template-columns:repeat(3,1fr)}.projects .links{padding-top:24px}.work .work-field{width:35%}.work-field div{height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.certificate img{height:300px}}@media screen and (width>=1200px){.aboutMe div{width:38%}.certificate{gap:32px}.certificate img{height:400px}}footer{background-color:var(--color-footer-background);box-sizing:border-box;width:100%;position:relative;bottom:0;left:0;right:0}footer .content{padding-top:16px;padding-bottom:16px}footer h4{color:var(--color-footer-muted);text-transform:uppercase;letter-spacing:.5px;margin:10px 0;font-family:Pathway Gothic One,sans-serif}footer p{color:var(--color-gray);margin-bottom:0;padding-top:5px;padding-bottom:5px}footer .row{flex-direction:column;gap:20px;display:flex}footer .row>[class*=col-]{flex-direction:column;display:flex}footer a{color:var(--color-off-white)}footer a:hover{color:var(--color-accent)}.footer-copy{border-top:1px solid var(--color-footer-muted);color:var(--color-footer-muted);opacity:.75;margin-top:20px;padding-top:20px}.web li{margin:0 auto;padding-right:10px;display:inline-block}.web li:last-of-type{padding-right:0}footer .fa{font-size:1.875rem;display:block}.web li:hover a{color:var(--color-gray-dark)}@media screen and (width>=768px){footer .row>div{box-sizing:border-box}}@media screen and (width>=1020px){footer .row{flex-direction:row;padding-top:35px;padding-bottom:35px}footer .row>div{width:50%}footer .row+p{text-align:center}.footer-copy{padding-top:28px;padding-bottom:14px}}@media screen and (width>=1200px){footer.wide-container{padding-top:0;padding-bottom:0}}