@import url(https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&family=Megrim&family=Signika&display=swap);.reveal-item{opacity:0;transform:scale(.9);transition:opacity .3s ease-out,transform .3s ease-out}.reveal-item--is-visible{opacity:1;transform:scale(1)}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}html *,html :after,html :before{box-sizing:inherit;margin:0;padding:0}html body{background:#040d13;color:#ddd;overflow-x:hidden}html body .container{display:grid;gap:3rem;grid-template-rows:min-content 1fr min-content auto;justify-content:center;min-height:calc(100vh - 122.5px)}.btn{background-color:#14452f;border:none;border-radius:5rem;box-shadow:0 2px 3px rgba(0,0,0,.5);color:#ddd;cursor:pointer;display:flex;font-family:inherit;font-size:3rem;padding:1rem;transition:all .15s linear}.btn__icon{display:inline-block;height:3rem;place-self:center;width:3rem}.btn__text{display:block;font-size:2rem;line-height:1.5;max-width:0;overflow:hidden;transition:width .3s linear;white-space:nowrap;width:0}@media only screen and (min-width:90em){.btn:focus,.btn:hover{box-shadow:0 0 10px #000;transform:scale(1.1);transition:all .15s linear}.btn:focus .btn__text,.btn:hover .btn__text{max-width:100%;padding-left:.75rem;width:9rem}.btn:focus .btn__text--github,.btn:hover .btn__text--github{width:9.75rem}}.btn--nav{font-size:2.5rem;position:relative;transition:unset}.btn--nav .btn__icon--contact{transform:translatey(.2rem) scalex(-1)}.btn--nav .btn__icon--resume{transform:translate(.6rem,-.1rem) skew(.04turn,-20deg)}.btn--nav:not(:last-child):after{border-bottom:1px solid #fff;color:#fff;content:"";height:1.45rem;position:absolute;right:-1.1rem;width:1rem}@media only screen and (min-width:90em){.btn--nav:focus,.btn--nav:hover{box-shadow:0 2px 3px rgba(0,0,0,.5);transform:unset}.btn--nav:focus .btn__text,.btn--nav:hover .btn__text{width:11rem}}footer{align-self:end;background:#03150d;box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);display:flex;height:min-content;justify-content:center;padding:2rem;width:100vw}body{color:#ddd;font-family:Signika,sans-serif;font-size:1.6rem}a{text-decoration:none}p{line-height:1.6;max-width:65ch}p:not(:first-child){padding-top:1rem}.dialog a,p a{color:#ff9000}.dialog a:hover,p a:hover{background-image:linear-gradient(115deg,transparent 20%,#952800 0,#952800 80%,transparent 0);background-position:0 1.04em;background-repeat:repeat-x;background-size:10px 2px}.header{align-items:center;display:flex;justify-content:space-between;padding:1rem;position:sticky;top:0;z-index:2}@media only screen and (min-width:48em){.header{padding:3.75rem 3rem 3.5rem}}.header__background{background:linear-gradient(#040d13 50%,transparent);height:7rem;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:-1}@media only screen and (min-width:48em){.header__background{height:12rem}}.header .divider{border-bottom:1px solid #ddd;flex-grow:1;margin:0 0 0 1rem}.header__name{color:#ddd;display:block;font-family:Megrim,cursive;line-height:1;white-space:nowrap}@media only screen and (min-width:48em){.header__name{margin:-3rem 0 -3rem -1rem}}.header__name h1{font-size:3rem}@media only screen and (min-width:48em){.header__name h1{font-size:6rem}}.header__name .first,.header__name .last{display:inline-block;width:min-content}.header__name .first:first-letter,.header__name .last:first-letter{color:#ff9000;font-size:5rem;vertical-align:middle}@media only screen and (min-width:48em){.header__name .first:first-letter,.header__name .last:first-letter{font-size:10rem}}.header__name .last:first-letter{letter-spacing:-.75rem}.navbar__links{display:none;list-style:none}@media only screen and (min-width:26.5625em){.navbar__links{display:flex;gap:1rem}}.portfolio{padding:2rem}@media only screen and (min-width:48em){.portfolio{padding:5rem}}.portfolio__grid{display:grid;gap:5rem}@media only screen and (min-width:48em){.portfolio__grid{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}@media only screen and (min-width:90em){.portfolio__grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));justify-content:center}}.project{display:grid;grid-template-areas:"title" "tags" "image" "options";grid-template-rows:repeat(2,min-content) 1fr;justify-items:center;position:relative}@media only screen and (min-width:48em){.project{grid-template-areas:"title title tags" "options . .";grid-template-columns:repeat(2,min-content) 1fr;grid-template-rows:5rem 1fr;justify-items:start}}.project:after{background-color:#011524;box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:-2}@media only screen and (min-width:48em){.project:after{height:calc(100% - 5rem);width:calc(100% - 3.5rem)}}.project__title{align-self:center;border-radius:3px;color:#ddd;filter:drop-shadow(3px 3px 3px rgba(0,0,0,.5));font-size:large;grid-area:title;padding:1rem 2rem;text-transform:uppercase;white-space:nowrap;width:min-content;z-index:1}@media only screen and (min-width:37.5em){.project__title{justify-content:start}}.project__image{box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);cursor:pointer;grid-area:image;margin:1rem -1rem;width:calc(100% + 2rem)}.project__image:hover{outline:1px solid #fff}@media only screen and (min-width:48em){.project__image{grid-area:1/1/-1/-1;margin:5rem 0 0 3.5rem;max-width:calc(100% - 3.5rem)}}.project__options{align-self:start;display:flex;gap:1rem;grid-area:options;margin-top:-3.75rem;padding-bottom:1rem}@media only screen and (min-width:48em){.project__options{align-items:flex-start;flex-direction:column;margin:0;padding:2rem 1rem}}.project__tags{display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem;grid-area:tags;justify-content:center;letter-spacing:.2rem;list-style:none;margin-bottom:-2rem;padding:0 .5rem;text-transform:uppercase}@media only screen and (min-width:48em){.project__tags{align-self:start;display:flex;flex-direction:row;gap:.5rem;justify-content:start;margin-bottom:0;margin-top:.9rem;padding:.5rem 4rem .5rem 0}}.project__language,.project__topic{font-style:italic;padding:.5rem;position:relative;width:min-content;z-index:1}.project__language:after,.project__topic:after{border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;transform:skew(165deg);width:100%;z-index:-1}.project__language:after{background-color:#955400}.project__topic:after{background-color:#952800}.bg{background-image:linear-gradient(120deg,transparent 10%,#380f00 0,#380f00 15%,transparent 0),linear-gradient(120deg,transparent 23%,#380f00 0,#380f00 25%,transparent 0),linear-gradient(120deg,transparent 35%,#380f00 0,#380f00 36%,transparent 0),linear-gradient(120deg,transparent 40%,#380f00 0,#380f00 45%,transparent 0),linear-gradient(120deg,transparent 55%,#380f00 0,#380f00 55.5%,transparent 0),linear-gradient(120deg,transparent 70%,#380f00 0,#380f00 73%,transparent 0),linear-gradient(120deg,transparent 76%,#380f00 0,#380f00 77%,transparent 0),linear-gradient(120deg,transparent 88%,#380f00 0,#380f00 88.5%,transparent 0),linear-gradient(120deg,transparent 95%,#380f00 0,#380f00 98%,transparent 0),linear-gradient(120deg,transparent 5%,#381f00 0,#381f00 7%,transparent 0),linear-gradient(120deg,transparent 20%,#381f00 0,#381f00 21%,transparent 0),linear-gradient(120deg,transparent 25%,#381f00 0,#381f00 30%,transparent 0),linear-gradient(120deg,transparent 37%,#381f00 0,#381f00 39%,transparent 0),linear-gradient(120deg,transparent 48%,#381f00 0,#381f00 51%,transparent 0),linear-gradient(120deg,transparent 60%,#381f00 0,#381f00 62%,transparent 0),linear-gradient(120deg,transparent 69%,#381f00 0,#381f00 70%,transparent 0),linear-gradient(120deg,transparent 80%,#381f00 0,#381f00 85%,transparent 0),linear-gradient(120deg,transparent 92%,#381f00 0,#381f00 93%,transparent 0);background-size:clamp(1000px,100vw,100%) 100vh;bottom:0;left:0;opacity:.5;position:fixed;right:0;top:0;z-index:-10}.intro{background:#011524;padding:1rem 2rem;place-self:center;position:relative}.intro:before{background-color:#006738;box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;transform:skewY(-5deg);width:100%;z-index:-1}@media only screen and (min-width:48em){.intro:before{left:-5%;transform:rotate(-2.5deg);width:110%}}#contact{display:grid;place-content:center}@media only screen and (min-width:48em){#contact{margin:5rem}}.contact-form{background-color:#011524;box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);display:grid;gap:1rem;grid-template-areas:"greeting greeting" "message message" ". salutation" ". name" ". email" ". org" "submit submit";max-width:calc(4rem + 65ch);padding:2rem;place-self:center;width:100vw}.contact-form,.contact-form>*{position:relative}.contact-form:after{background-color:#ff9000;box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);content:"";display:block;height:100%;position:absolute;transform:skewY(5deg);width:100%;z-index:-1}@media only screen and (min-width:48em){.contact-form:after{transform:rotate(5deg)}}.contact-form__greeting{grid-area:greeting}.contact-form__message{grid-area:message;position:relative}.contact-form__message textarea{padding-left:1rem;width:100%}.contact-form__message textarea+label{bottom:unset;top:0}.contact-form__message:before{background-image:radial-gradient(1px 1px at center,#006738 1px,transparent 0);background-position:0 -9px;background-size:4px 2rem;bottom:0;height:calc(100% - 2.7rem)}.contact-form__message:after,.contact-form__message:before{content:"";pointer-events:none;position:absolute;width:100%}.contact-form__message:after{border-left:1px solid #63301d;height:100%;left:1rem;top:0}.contact-form__salutation{grid-area:salutation}.contact-form__name{grid-area:name}.contact-form__email{grid-area:email}.contact-form__org{grid-area:org}.contact-form__submit{grid-area:submit;place-self:end;width:min-content}.contact-form input,.contact-form select,.contact-form textarea{background-color:#011524;background-image:none;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#ddd;font-family:Signika,sans-serif;font-size:1.6rem;padding:1rem 0 0;width:100%}.contact-form input,.contact-form select{border-bottom:2px dotted #006738}.contact-form label{background-color:#011524;bottom:-.75rem;color:#006738;display:block;font-size:1rem;font-weight:700;position:absolute;right:0;z-index:2}.contact-form button,.contact-form label{letter-spacing:.2rem;text-transform:uppercase}.contact-form button{background-color:transparent;border:none;border-bottom:1px solid #ff9000;color:#ff9000;cursor:pointer;font-family:inherit;font-size:1.6rem;margin-top:1rem;padding:1rem}.contact-form button:focus-visible,.contact-form button:hover{background-color:#380f00}.dialog{display:none;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:100}.dialog.opened{display:grid}.dialog__window{background-color:#011524;box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);display:block;padding:1rem 2rem;pointer-events:auto;position:relative}@media only screen and (min-width:48em){.dialog__window{place-self:center}.dialog__window:before{background-color:#952800;box-shadow:5px 5px 20px rgba(0,0,0,.5),-5px -5px 20px rgba(0,0,0,.5);content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:rotate(-2deg);width:100%;z-index:-1}}.dialog__close{position:fixed;right:1rem;top:1rem}@media only screen and (min-width:48em){.dialog__close{position:absolute}}.modal-backdrop{background:#000;display:none;height:100%;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transition:opacity 3s ease-out;width:100%;z-index:99}.modal-backdrop.active{display:block;opacity:.6;transition:opacity 3s ease-out}.project-info{align-content:start;display:grid;grid-template-areas:"title" "sidebar" "text";overflow-x:hidden;overflow-y:auto}@media only screen and (min-width:48em){.project-info{grid-template-areas:"title title" "sidebar text";grid-template-columns:275px 1fr;overflow:unset}}.project-info__title{grid-area:title;max-width:calc(100% - 5rem)}.project-info__image{grid-area:image;max-width:65ch;padding-top:1rem;width:100%}.project-info__text{grid-area:text;padding-top:2rem}@media only screen and (min-width:48em){.project-info__text{margin-left:2rem;max-height:calc(100vh - 10rem);max-width:calc(4rem + 65ch);overflow-y:auto;padding-right:2rem;padding-top:0}}.project-info__text .octicon-link{display:none}.project-info__text h2,.project-info__text h3,.project-info__text h4,.project-info__text h5,.project-info__text h6{padding-top:3rem}.project-info__text ol,.project-info__text ul{margin-left:3rem;max-width:calc(65ch - 3rem);padding-top:1rem}.project-info__sidebar{display:flex;flex-direction:column;grid-area:sidebar}.project-info__sidebar>*{padding-top:1rem}.project-info__sidebar>:not(:last-child){padding-bottom:1rem}.project-info__sidebar ul{list-style:none}.project-info__sidebar ul>li{display:inline-block;margin-right:1.5rem;text-transform:capitalize}.project-info__languages>h2{margin-bottom:1rem}.project-info__languages__bar{border-radius:6px;display:flex;gap:2px;height:.75rem;margin-bottom:.5rem;outline:1px solid transparent;overflow:hidden}.project-info__languages__bar__item{background-color:#fff}.project-info__languages__dot{background-color:#fff;clip-path:circle(40% at 50% 50%);display:inline-block;height:1rem;margin-right:.5rem;width:1rem}.project-info__languages__name{color:#ddd}.project-info__languages__percent{font-size:1.2rem}.project-info__tech li{font-size:1.4rem}.project-info__links{display:flex;flex-direction:column}.project-info__links a{align-items:center;border-radius:0;color:#ff9000;display:flex;letter-spacing:.2rem;line-height:3rem;padding:1rem;text-transform:uppercase}.project-info__links a:not(:last-child){border-bottom:1px solid #ff9000}.project-info__links a .fab,.project-info__links a .fas{font-size:3rem;margin-right:1rem}.project-info__links a:focus,.project-info__links a:focus-visible,.project-info__links a:hover{background-color:#380f00;background-image:unset}
/*# sourceMappingURL=main.17ff587e8e4c26307bdb.css.map*/