.Contact{display:flex;flex-direction:column}.Contact ul{margin-top:5vmin}.Contact form,.Contact ul{display:flex;flex-direction:column;justify-content:flex-start}.Contact button{padding:1.5vmin;border-radius:10px;background-image:linear-gradient(to top right,#fcb69f 0,#ffecd2)}.Contact button:hover{opacity:.75}.Contact button,.Contact input,.Contact textarea{margin:1vmin}.Contact input,.Contact textarea{width:60vw;border-radius:5px;min-width:50px}.Contact textarea{height:30vh;min-height:100px}.Contact input[type=submit]{width:10em;padding:.5vmin;background-color:#9597a2}.Contact input,.Contact label{align-self:flex-start}.Contact label{margin:.5em .5em 0;font-weight:bolder}.Contact .feedback{color:#00008b;font-weight:700}@media screen and (min-width:760px){.Contact{flex-direction:row}ul{align-items:flex-end}}.About{height:90%;display:flex;justify-items:center;align-items:center;text-align:left;overflow:auto}.About p{margin:10px}.About p:first-of-type{font-size:18px;font-weight:700;color:#b73111;align-self:flex-start}img[src*=javascript-joke]{display:block;max-width:80%;margin:10px 10px 10px 5%;align-self:flex-start;box-shadow:2px 2px 5px 3px rgba(0,0,0,.75);border-radius:5px}img[src*=facepalm]{height:25px}.Skills div{align-items:start;text-align:left}.Skills div p{margin-bottom:10px}.Skills>section{margin:1vmin}.selected{background-color:#ff4500;color:#fff}.text-no-game{font-weight:900;background-color:rgba(222,220,220,.5)}.winner{-webkit-animation:winning-jiggle 2s ease-in;animation:winning-jiggle 2s ease-in;color:#00008b}@-webkit-keyframes winning-jiggle{40%{transform:scale(1.8,1.4) rotate(-.5deg)}50%{transform:scale(2,1.5);color:#00008b}60%{transform:scale(1.8,1.4) rotate(-1deg)}70%{transform:scale(1.6,1.3) rotate(0deg)}80%{transform:scale(1.4,1.2) rotate(.75deg)}90%{transform:scale(1.2,1.1) rotate(0deg)}to{transform:scale(1)}}@keyframes winning-jiggle{40%{transform:scale(1.8,1.4) rotate(-.5deg)}50%{transform:scale(2,1.5);color:#00008b}60%{transform:scale(1.8,1.4) rotate(-1deg)}70%{transform:scale(1.6,1.3) rotate(0deg)}80%{transform:scale(1.4,1.2) rotate(.75deg)}90%{transform:scale(1.2,1.1) rotate(0deg)}to{transform:scale(1)}}.game{flex-direction:column}.game,.game section{display:flex}.game div{display:inline-block;width:8vmin;height:8vmin;font-size:1.5vmin;background-color:#fff;margin:2px;text-align:center}.game div.covered{background-color:grey}@media screen and (min-width:760px){.game div{width:11vmin}}.Work{height:90%;display:flex;align-items:flex-start;text-align:left}.Work p{padding:10px}.Work p:nth-of-type(2){margin-top:10px}.Work ul{list-style-type:circle;margin-left:50px}.Work strong{letter-spacing:1px;font-weight:900}iframe{height:100%;width:100%}.PageNotFound p:nth-of-type(2){margin-top:10px}img[alt=shrug]{width:100px;width:calc(50px + 5vmax)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:14px;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}:focus{outline:none}.app{height:100vh;width:100vw;font-family:Monaco,Consolas,Monospace;background-color:#121244;background-image:url(/static/media/milky-way.bac9b172.jpg);background-size:cover;display:grid;grid-template-columns:1fr 2fr 2fr;grid-template-rows:5fr 2fr 23fr;grid-template-areas:"profile-picture . nav" "name name name" "main main main";justify-items:center;align-items:center;line-height:1.4}.app>.circle{grid-area:profile-picture;overflow:scroll;display:none}.circle{border-radius:50%}a,button{outline:none}a :active,a :focus,a :hover,button :active,button :focus,button :hover{border:none;background:none}a:link,a:visited{color:#2d048b}a.active,a:active,a:hover{color:#ff4500}header{grid-area:name;overflow:scroll;color:#fff;font-size:calc(14px + 2vmin + 1vmax);align-self:flex-end;text-align:center;margin:10px}header>*{padding:2px}header h1,header ul{display:inline-block}header i{padding:.8vw;color:#fff}header i:active,header i:hover{opacity:.75}nav{margin-top:15px;position:relative;grid-area:nav;align-self:flex-start;justify-self:flex-end;width:60px;z-index:1}nav button{background-color:hsla(0,0%,100%,0);border:none;padding:0}nav i{color:#fff;font-size:30px}nav span.links-modal{position:absolute;left:-100px;display:flex;flex-direction:column}nav span.links-modal li{width:60px}nav li{display:inline-block;padding:10px 30px;background-color:#fff;border:1px solid #000;-webkit-animation:dropdown .25s cubic-bezier(0,.8,.83,.945);animation:dropdown .25s cubic-bezier(0,.8,.83,.945)}nav li a{text-decoration:none}nav>li{display:none}nav>li a{text-decoration:none}@-webkit-keyframes dropdown{0%{transform:translate(1px,-3px);background-color:hsla(0,0%,100%,.5)}to{transform:translate(0)}}@keyframes dropdown{0%{transform:translate(1px,-3px);background-color:hsla(0,0%,100%,.5)}to{transform:translate(0)}}main{grid-area:main;overflow:scroll;align-self:flex-start;background-color:hsla(0,0%,100%,.65);width:calc(100% - 40px);height:calc(100% - 20px);display:flex}main>div{height:100%;width:100%;margin:2vmin 5vmin 5vmin;display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width:480px){.app{grid-template-areas:"profile-picture name name" "nav main main" "nav main main"}.app>.circle{display:inline-block;height:100px;height:90%;min-height:100px;margin-top:10px}header,nav{margin:5px}nav{overflow:scroll;width:100%;padding:0;color:#000;justify-self:stretch;display:flex;flex-direction:column;justify-items:start}nav i.fas.fa-bars,nav span.links-modal{display:none}nav>li{padding:1.25vh 3.5vw;display:inline-block}main{margin-top:5px}}@media screen and (min-width:760px){.app{grid-template-areas:"profile-picture name name" "profile-picture nav nav" "main main main"}.app>.circle{justify-self:flex-end}header{margin-bottom:0}header,nav{justify-self:flex-start}nav{margin-top:0;flex-direction:row}nav>li{transform:skewX(-10deg)}main{margin:10px 30px;width:calc(100% - 11vw)}}
/*# sourceMappingURL=main.7590c1ae.chunk.css.map */