:root{--dkgray:#201e1f;--ltgreen:#28f6ae;--altgreen:#04905f;--alt:#242424;--heading:"Nothing You Could Do",cursive;--body:"Open Sans",sans-serif}html{background-color:var(--dkgray);font-size:100%;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}*{box-sizing:border-box;margin:0;padding:0}a,a:link,a:visited{color:inherit;text-decoration:none}body{color:#fff;font-family:var(--body)}h2{font-size:1.75rem}@media (min-width:40em){h2{font-size:2rem}}@media (min-width:64em){h2{font-size:2.25rem}}.button{border:1px solid var(--altgreen);font-weight:500;padding:.75rem;text-transform:uppercase;transition:all .3s ease-in-out}.button:focus,.button:hover{border:1px solid var(--ltgreen)}.has-fade{visibility:hidden}@-webkit-keyframes fade-in{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}@keyframes fade-in{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}.fade-in{-webkit-animation:fade-in .3s ease-in-out forwards;animation:fade-in .3s ease-in-out forwards}@-webkit-keyframes fade-out{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes fade-out{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}.fade-out{-webkit-animation:fade-out .3s ease-in-out forwards;animation:fade-out .3s ease-in-out forwards}.hide{top:-3.75rem}@media (min-width:40em){.hide{top:-4.375rem}}@media (min-width:64em){.hide{top:-5rem}}#articles,#contact,#projects{scroll-margin-top:4.375rem}@media (min-width:40em){#articles,#contact,#projects{scroll-margin-top:5rem}}@media (min-width:64em){#articles,#contact,#projects{scroll-margin-top:5.625rem}}header{height:3.75rem;padding:0 5%;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:99}@media (min-width:40em){header{height:4.375rem}}@media (min-width:64em){header{height:5rem;padding:0 10%}}header .overlay{background-image:linear-gradient(var(--dkgray) 66%,transparent 100%);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0}header nav{align-items:center;display:flex;height:100%;justify-content:space-between}header nav .logo{font-family:var(--heading);font-size:2.375rem;font-weight:400;position:relative;top:.3125rem}@media (min-width:40em){header nav .logo{font-size:2.625rem}}@media (min-width:64em){header nav .logo{font-size:2.875rem}}header nav .header__toggle{transform:scale(1.2)}header nav .header__toggle>span{background-color:#fff;display:block;height:.125rem;position:relative;transform-origin:.188rem .063rem;transition:all .3s ease-in-out;width:1.625rem}header nav .header__toggle>span:not(:last-child){margin-bottom:.3125rem}header nav.open .header__toggle>span{background-color:var(--ltgreen)}header nav.open .header__toggle>span:first-child{transform:rotate(45deg)}header nav.open .header__toggle>span:nth-child(2){opacity:0}header nav.open .header__toggle>span:last-child{transform:rotate(-45deg)}header nav .desktop-links{display:none}@media (min-width:64em){header nav .desktop-links{display:block}header nav .desktop-links a{font-size:1.125rem;font-weight:500;margin-left:1.25rem;padding:.1875rem 0;position:relative;text-transform:uppercase}header nav .desktop-links a:after{background-color:var(--ltgreen);bottom:0;content:"";height:.125rem;left:0;opacity:0;position:absolute;transform:scale(0);transform-origin:center;transition:opacity .3s,transform .3s;width:100%}header nav .desktop-links a:focus:after,header nav .desktop-links a:hover:after{opacity:1;transform:scale(1)}}header .mobile-menu{align-items:center;display:flex;flex-direction:column;font-size:1.25rem;font-weight:500;gap:1.875rem;left:50%;margin-top:1.875rem;position:absolute;text-transform:uppercase;transform:translateX(-50%)}header .mobile-menu__social-icons{display:flex;gap:.625rem;justify-content:space-around}header .mobile-menu__social-icons img{width:3.125rem}@media (min-width:64em){header #hamburgerButton,header .mobile-menu{display:none}}header:before{background-color:var(--dkgray);bottom:0;content:"";left:0;opacity:.95;position:absolute;right:0;top:0}.hero{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 60px);margin:3.75rem 0;padding:2% 5% 0}@media (min-width:40em){.hero{height:100%;margin:4.375rem 0 5rem;padding:5% 10% 0}}@media (min-width:64em){.hero{flex-direction:row;gap:8.125rem;margin:5rem auto;max-width:62.75rem;padding:5vh 0}}.hero__info{display:grid;grid-template-columns:1fr;grid-template-rows:75% 25%;height:100%;padding-top:10%}@media (min-width:40em){.hero__info{grid-template-rows:12.8125rem 3.75rem;padding-top:5%}}@media (min-width:64em){.hero__info{padding:0}}.hero__info--heading h2{font-size:2.125rem;margin-bottom:.625rem}@media (min-width:40em){.hero__info--heading h2{font-size:2.375rem;margin-bottom:1.25rem}}@media (min-width:64em){.hero__info--heading h2{font-size:2.625rem}}.hero__info--heading p{font-size:1.25rem;line-height:1.5;margin-bottom:.625rem}.hero__info--heading p span{color:var(--ltgreen);font-weight:500}.hero__info--buttons{align-self:center;display:flex;flex-wrap:wrap;gap:.3125rem}@media (min-width:40em){.hero__info--buttons a{margin-right:.3125rem}}@media (min-width:64em){.hero__info--buttons{align-self:end}}.hero__image{aspect-ratio:1/1;height:20rem;opacity:.9;order:-1;width:20rem}@media (min-width:40em){.hero__image{height:21.875rem;width:21.875rem}}@media (min-width:64em){.hero__image{order:0}}.hero__image img{height:100%;width:100%}.skills{margin:1.25rem auto 3.75rem;max-width:62.75rem;padding:0 1.25rem;text-align:center}@media (min-width:40em){.skills{margin-bottom:5rem}}.skills h2{margin-bottom:1.25rem}.skills__icons{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}@media (min-width:40em){.skills__icons{gap:.9375rem}}.skills__icons--underline{height:5rem;position:relative;width:5rem}.skills__icons--underline img{height:4.0625rem;transform:scale(1);transition:transform .3s;width:4.0625rem}@media (min-width:40em){.skills__icons--underline{height:4.6875rem;width:4.6875rem}}.skills__icons--underline img:hover{transform:scale(.95)}.skills__icons--underline:after{background-color:var(--ltgreen);bottom:0;content:"";height:.125rem;left:0;opacity:0;position:absolute;transform:scale(0);transform-origin:center;transition:opacity .3s,transform .3s;width:100%}.skills__icons--underline:hover:after,.skills__icons--unerline:focus:after{opacity:1;transform:scale(1)}#projects{margin:1.25rem 0 5rem}#projects h2{margin-bottom:1.25rem;text-align:center}#projects .projects-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center}@media (min-width:64em){#projects .projects-container{flex-direction:row}}#projects .project__card{background:linear-gradient(to right,var(--dkgray),var(--alt));border-left:2px solid var(--altgreen);border-radius:.3125rem;box-shadow:-1px 15px 30px -12px rgba(0,0,0,.5);display:grid;grid-template-columns:1fr;height:10.3125rem;padding:.9375rem 1.25rem .5rem;position:relative;transition:all .3s ease-in;width:90vw}@media (min-width:40em){#projects .project__card{grid-template-rows:2.1875rem repeat(2,1fr)}}@media (min-width:64em){#projects .project__card{grid-template-rows:3.4375rem repeat(2,1fr);max-width:30vw}}@media (min-width:87.5em){#projects .project__card{max-width:27.5rem}}#projects .project__card h3{grid-row:1/2;margin-bottom:.625rem;position:relative}@media (min-width:40em){#projects .project__card h3{font-size:1.25rem}}#projects .project__card p{color:var(--ltgreen);grid-row:2/3;margin-bottom:1.25rem;opacity:.8;position:relative}#projects .project__card--bottom-row{align-self:end;display:flex;grid-row:3/4;justify-content:space-between}#projects .project__card--bottom-row .tech{display:flex;gap:.4375rem}#projects .project__card--bottom-row .tech img{height:100%;position:relative;width:1.125rem}#projects .project__card--bottom-row .project-buttons{display:flex;gap:.75rem}@media (min-width:40em){#projects .project__card--bottom-row .project-buttons{gap:.9375rem}}@media (min-width:64em){#projects .project__card--bottom-row .project-buttons{gap:.75rem}}@media (min-width:87.5em){#projects .project__card--bottom-row .project-buttons{gap:.9375rem}}#projects .project__card--bottom-row .project-buttons a{border-bottom:2px solid var(--altgreen);color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.9375rem;position:relative;transition:color .3s;z-index:1}@media (min-width:40em){#projects .project__card--bottom-row .project-buttons a{font-size:1rem}}#projects .project__card--bottom-row .project-buttons a:focus,#projects .project__card--bottom-row .project-buttons a:hover{color:#fff}#projects .project__card--bottom-row .project-buttons a:after{background-color:var(--ltgreen);bottom:-2px;content:"";height:.125rem;left:0;opacity:0;position:absolute;transform:scale(0);transform-origin:center;transition:opacity .3s,transform .3s;width:100%}#projects .project__card--bottom-row .project-buttons a:focus:after,#projects .project__card--bottom-row .project-buttons a:hover:after{opacity:1;transform:scale(1)}#projects .project__card:focus,#projects .project__card:hover{border-left:2px solid var(--ltgreen);box-shadow:-1px 15px 30px -12px rgba(0,0,0,.9)}#projects .project__card:after{background-color:rgba(0,0,0,.8);bottom:0;content:"";left:2px;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in}#projects .project__card:focus:after,#projects .project__card:hover:after{opacity:.15}#projects .project__direction{color:hsla(0,0%,100%,.3);font-size:.875rem;margin-top:.9375rem;padding:0 2.5rem;text-align:center}#articles{margin:1.25rem 0 5rem;text-align:center}#articles h2{flex:0 0 100%;margin-bottom:1.25rem}#articles .articles-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}#articles .article{align-items:center;background:linear-gradient(to top,var(--dkgray),var(--alt));border-radius:.3125rem;box-shadow:-1px 15px 30px -12px rgba(0,0,0,.5);display:grid;grid-template-columns:1fr;grid-template-rows:10% 30% 10% 50%;height:20rem;margin:0 auto;padding:.625rem 1.25rem .3125rem;position:relative;transition:all .3s;width:21.875rem}#articles .article__category{color:var(--ltgreen);grid-row:1/2}#articles .article h3{grid-row:2/3;text-align:left}#articles .article__desc{grid-row:3/4;opacity:.8;text-align:left}#articles .article__img{align-self:bottom;background-position:50%;background-size:cover;grid-row:4/5;height:7.8125rem;opacity:.5;width:100%}#articles .article:focus,#articles .article:hover{box-shadow:-1px 15px 30px -12px rgba(0,0,0,.8);transform:scale(1.02)}#articles .article:after{background-color:var(--ltgreen);content:"";height:.125rem;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transform-origin:left;transition:all .5s;width:100%}#articles .article:focus:after,#articles .article:hover:after{opacity:1;transform:scale(1)}#contact{margin:1.25rem 0 5rem}#contact h2{margin-bottom:1.25rem;text-align:center}#contact .contact{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center}@media (min-width:40em){#contact .contact{flex-direction:row;justify-content:space-around;margin:0 auto;max-width:62.5rem;padding:0 1.25rem}}#contact .contact p{font-size:.875rem;opacity:.8;text-align:center}#contact .contact__form{align-items:center;display:flex;flex-direction:column;padding:.625rem .625rem 1.25rem;width:90vw}@media (min-width:40em){#contact .contact__form{flex:1 1 50%}}#contact .contact__form--input{display:flex;flex-direction:column;margin:.625rem 0 1.875rem;padding:.9375rem 0 0;width:100%}#contact .contact__form--input input,#contact .contact__form--input textarea{background:transparent;border:none;border-bottom:2px solid var(--altgreen);color:hsla(0,0%,100%,.9);font-family:inherit;font-size:1rem;min-width:100%;outline:0;padding:.5rem 0;transition:border .3s;width:100%}#contact .contact__form--input textarea{resize:vertical}#contact .contact__form--input input:focus,#contact .contact__form--input textarea:focus{border-bottom:2px solid var(--ltgreen)}#contact .contact__form--input input:-webkit-autofill,#contact .contact__form--input input:-webkit-autofill:focus,#contact .contact__form--input input:-webkit-autofill:hover,#contact .contact__form--input select:-webkit-autofill,#contact .contact__form--input select:-webkit-autofill:focus,#contact .contact__form--input select:-webkit-autofill:hover,#contact .contact__form--input textarea:-webkit-autofill,#contact .contact__form--input textarea:-webkit-autofill:focus,#contact .contact__form--input textarea:-webkit-autofill:hover{-webkit-text-fill-color:hsla(0,0%,100%,.9);border:1px solid transparent;-webkit-box-shadow:0 0 0 1000px var(--alt) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}#contact .contact__form button{background:transparent;color:inherit;cursor:pointer;font-family:inherit;font-size:1rem;padding:.625rem;width:30%}#contact .contact__info{align-items:center;display:flex;flex-direction:column;justify-content:space-around;text-align:center}@media (min-width:40em){#contact .contact__info{flex:1 1 50%}}#contact .contact__info #workEmail{margin-bottom:2.5rem}#contact .contact__info p{margin-bottom:.625rem}#contact .contact__info img{border-radius:50%;transition:.3s ease-in-out;width:3.125rem}#contact .contact__info img:hover{background-color:var(--ltgreen)}footer{align-items:center;background-color:var(--alt);color:hsla(0,0%,100%,.6);display:flex;font-size:.8125rem;height:4.6875rem;justify-content:center;text-align:center}.article-container{margin:0 auto;max-width:50rem;width:90vw}@media (min-width:87.5em){.article-container{max-width:75rem}}.article-container a{color:var(--ltgreen);opacity:.9;transition:.3s}.article-container a:focus,.article-container a:hover{opacity:.5}.article-container .back-to-main{color:var(--ltgreen);margin:2.5rem auto;opacity:.9}.article-container .article{border:2px solid var(--alt);border-radius:8px 8px 0 0;border-top-color:var(--ltgreen);box-shadow:-1px 15px 30px -12px rgba(0,0,0,.5);display:flex;flex-direction:column;padding:2.5rem .9375rem .625rem;text-align:left}@media (min-width:40em){.article-container .article{padding:2.5rem 1.875rem .625rem}}@media (min-width:87.5em){.article-container .article{padding:3.125rem 3.125rem .625rem}}.article-container .article .category{color:var(--ltgreen);font-size:.9375rem;letter-spacing:.1875rem;margin-bottom:.0625rem;text-transform:uppercase}@media (min-width:40em){.article-container .article .category{font-size:1.125rem}}.article-container .article .estimation{color:hsla(0,0%,100%,.6);font-size:.875rem;margin-bottom:2.5rem}@media (min-width:40em){.article-container .article .estimation{font-size:1rem}}.article-container .article__img{background-position:50%;background-size:cover;margin:0 0 2.5rem;opacity:.6;padding-bottom:60%}@media (min-width:40em){.article-container .article__img{padding-bottom:50%}}@media (min-width:87.5em){.article-container .article__img{padding-bottom:45%}}.article-container .article__index{margin-bottom:1.25rem}.article-container .article__index ul{list-style-type:none;margin-left:1.25rem}.article-container .article__index ul li{line-height:1.7;margin-bottom:.625rem}@media (min-width:40em){.article-container .article__index ul li{font-size:1.125rem}}.article-container .article h1{font-size:2.25rem;line-height:1;margin-bottom:3.125rem}@media (min-width:40em){.article-container .article h1{font-size:2.75rem;line-height:1.2}}.article-container .article h3{color:var(--ltgreen);font-size:1.8125rem;margin-bottom:1.875rem}@media (min-width:40em){.article-container .article h3{font-size:2.25rem}}.article-container .article p{line-height:1.8;margin-bottom:1.875rem}@media (min-width:40em){.article-container .article p{font-size:1.125rem}}.article-container .article .article-img{background-position:top;background-size:cover;margin:0 0 2.5rem;opacity:.9;padding-bottom:60%}@media (min-width:40em){.article-container .article .article-img{padding-bottom:50%}}@media (min-width:87.5em){.article-container .article .article-img{padding-bottom:45%}}.article-container .article .source{color:var(--altgreen)}.article-container .article iframe{border:none;width:100%}@media (min-width:40em){.article-container .article iframe{height:21.875rem}}@media (min-width:87.5em){.article-container .article iframe{height:31.25rem}}
/*# sourceMappingURL=style.css.map */