@import url(https://fonts.googleapis.com/css?family=Fira+Mono:300,400,600,700&lang=en);:root{--color-red:#ec2b56;--color-black:#000;--color-white:#fff;--color-green:#61dcd5;--text-size-default:2rem;--letter-spacing-default:0.2rem;--font-weight-default:700}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,body,html{margin:0;padding:0}body,html{overflow:hidden;background-color:var(--color-black);font-family:Fira Mono;color:var(--color-white);letter-spacing:var(--letter-spacing-default)}@media only screen and (max-width:900px){body,html{overflow:auto;overflow-x:hidden}}body{margin:0;position:fixed;width:100%;height:100%;background:var(--color-black);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:900px){body{position:relative;height:auto;min-height:100vh}}[class^=letter]{-webkit-transition:opacity 3s ease;-o-transition:opacity 3s ease;transition:opacity 3s ease}.visableText{width:100%;font-size:1.9em;visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-weight:400;text-shadow:2px 1px 0 var(--color-red),-2px -1px 0 var(--color-green)}@media only screen and (max-width:600px){.visableText{text-shadow:1px 1px 0 var(--color-red),-1px 0 0 var(--color-green)}}@media only screen and (max-width:350px){.visableText{text-shadow:1px 0 0 var(--color-red),-1px 1px 0 var(--color-green)}}.visableText.transition-in{visibility:visible}#container{display:table;position:absolute;width:100%;height:100%;text-align:center}@media only screen and (max-width:900px){#container{position:relative;height:auto}}#wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;pointer-events:none}@media only screen and (max-width:900px){#wrapper{height:auto;min-height:100vh;padding:30px 16px}}#wrapper a{pointer-events:auto}#container p a{color:var(--color-white);text-decoration:none}#canvas{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width:900px){#canvas{position:fixed}}.hero{margin-bottom:30px}.subtitle{font-family:Fira Mono;font-size:.8em;letter-spacing:.2em;opacity:0;margin-top:16px;font-weight:400;color:var(--color-white);text-shadow:2px 1px 0 var(--color-red),-2px -1px 0 var(--color-green)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;width:100%;margin:0 auto 16px}@media only screen and (max-width:700px){.content-grid{grid-template-columns:1fr;gap:12px}}.card{text-align:left;padding:20px 24px;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.06);border-radius:6px;opacity:0}.card__title{font-size:.55em;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;color:var(--color-green);text-shadow:none;font-weight:600}.card__text{font-size:.48em;letter-spacing:.02em;line-height:1.7;font-weight:300;color:hsla(0,0%,100%,.8);text-shadow:none}.card__text+.card__text{margin-top:8px}.skills{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.skills,.skills__group{display:-webkit-box;display:-ms-flexbox;display:flex}.skills__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:12px;font-size:.48em;letter-spacing:.02em;text-shadow:none}.skills__label{font-weight:600;color:hsla(0,0%,100%,.5);white-space:nowrap;min-width:120px}.skills__tags{font-weight:300;color:hsla(0,0%,100%,.85)}.experience{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;width:100%;margin:0 auto 16px;opacity:0}@media only screen and (max-width:900px){.experience{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:500px){.experience{grid-template-columns:1fr}}.exp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;padding:18px 20px;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.06);border-radius:6px}.exp__company{font-size:.58em;font-weight:600;letter-spacing:.1em;margin-bottom:4px;text-shadow:1px 0 0 var(--color-red),-1px 0 0 var(--color-green)}.exp__role{font-size:.42em;letter-spacing:.02em;color:var(--color-green);text-shadow:none;font-weight:400;margin-bottom:3px}.exp__period{font-size:.38em;color:hsla(0,0%,100%,.35);margin-bottom:8px}.exp__desc,.exp__period{letter-spacing:.02em;text-shadow:none;font-weight:300}.exp__desc{font-size:.42em;line-height:1.5;color:hsla(0,0%,100%,.65)}#iconsWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:32px;margin-top:14px}#iconsWrapper a :hover i{-webkit-box-shadow:5px 40px -10px rgba(0,0,0,.57);box-shadow:5px 40px -10px rgba(0,0,0,.57);-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s}.ml1{font-weight:500;font-size:2em;opacity:0}.ml1 .letter{display:inline-block;line-height:1em}.ml1 .text-wrapper{position:relative;display:inline-block;padding-top:.2em;padding-right:.05em;padding-bottom:.25em}.line{-webkit-box-shadow:2px 1px 0 red,-2px -1px 0 green;box-shadow:2px 1px 0 red,-2px -1px 0 green}.ml1 .line{opacity:0;position:absolute;left:0;height:3px;width:100%;background-color:#fff;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ml1 .line1{top:0}.ml1 .line2{bottom:0}.fa,.fab{color:#fff;margin:0 24px;z-index:1;text-shadow:2px 1px 0 red,-2px -1px 0 green;cursor:pointer;opacity:0}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.anim-fade{opacity:0}