body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:content-box linear-gradient(to bottom left,#f72c25,#12121b);background-attachment:fixed;background-size:100vw 100vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;text-align:center}.modal-overlay{background-color:#000;height:100vh;left:0;opacity:.5;position:fixed;top:0;width:100vw;z-index:1040}.modal-wrapper{height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1050}.modal{background:#fff;border-radius:3px;margin:1.75rem auto;max-width:500px;padding:2rem;position:relative;z-index:100}.modal-header{display:flex;justify-content:flex-end}.modal-close-button{border:none;color:#000;cursor:pointer;font-size:1.4rem;font-weight:700;line-height:1;opacity:.3}footer{background-color:#8963ba;bottom:0;height:40px;position:fixed;width:100vw}.icon{border-radius:5px;height:30px;transition:.2s}.icon:hover{background:rgba(50,205,50,.8);height:35px}.foot-text{font-family:Alegreya Sans SC,sans-serif;font-weight:700}#footbox{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:70vw}@media screen and (max-width:450px){.icon{height:20px}.icon:hover{height:25px}.foot-text{font-size:12px}#footbox{width:95vw}}.mobile-button{background-color:hsla(66,71%,95%,.7);border:1px solid #000;color:navy;font-size:20px;min-height:50px;padding-top:20px;text-decoration:none;transition:.4s;width:225px}.mobile-button:hover{background-color:rgba(57,255,20,.7)}header{background-color:#fcfcfc;border-bottom:4px solid navy;display:flex;flex-direction:column;height:30px;padding-top:8px;position:fixed;top:0;width:100vw}.head-link{font-family:Playball,cursive;font-size:20px}.burger-line{background-color:#030303;border-radius:2px;height:5px;margin:6px 0;transition:.8s;width:35px}#contact{font-family:Playball,cursive;font-size:20px}#navbox{align-items:center;display:flex;justify-content:space-around;margin:-7px auto 0;width:70vw}#burger{display:none;margin-bottom:5px}#backslash{-webkit-transform:rotate(-405deg) translate(-9px,6px);transform:rotate(-405deg) translate(-9px,6px)}#gone{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}#forwardslash{-webkit-transform:rotate(405deg) translate(-8px,-8px);transform:rotate(405deg) translate(-8px,-8px)}#mobile-nav{display:flex;flex-direction:column;position:relative;top:-4px;transition:.8s}.mobile-nav-closed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}@media screen and (max-width:1150px){#contact,.head-link{font-size:15px}}@media screen and (max-width:900px){.head-link{display:none}#navbox{display:relative;justify-content:space-between;top:-100px}#burger{display:unset}#contact{font-size:15px}}.about-link{color:#daa520}#about{margin:0 auto;width:75vw}#profile{border-radius:50%;height:300px}#about-box{display:flex;flex-direction:row;justify-content:center}#intro{max-width:500px}.bio{margin:20px auto;max-width:900px}@media screen and (max-width:750px){#about-box{flex-direction:column-reverse}}#tubes{grid-row-gap:80px;display:grid;grid-template-columns:repeat(2,1fr);height:55vw;margin:0 auto 100px;max-width:90vw;row-gap:80px}.vid{height:95%;width:95%}@media screen and (max-width:900px){#tubes{grid-template-columns:repeat(1,1fr);height:240vw}}#contact-name{grid-area:name}#contact-company{grid-area:company}#contact-email{grid-area:email}#contact-phone{grid-area:phone}#contact-message{align-self:stretch;grid-area:message}#contact-submit{grid-area:submit}#contact-form{grid-row-gap:5px;background-color:#6495ed;border:5px solid #fff;border-radius:10px;display:grid;grid-template-areas:"name name name name company company company company" "email email email email phone phone phone phone" "message message message message message message message message" "message message message message message message message message" "message message message message message message message message" ". . . submit submit . . .";grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);margin:0 auto;max-width:400px;padding:10px;row-gap:5px}@media screen and (max-width:500px){#contact-form{grid-template-areas:"name name name" "company company company" "email email email" "phone phone phone" "message message message" "message message message" "message message message" ". submit .";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(8,1fr);row-gap:5px}}.job{align-items:flex-start;display:flex;flex-direction:column;margin:50px auto;text-align:left;width:500px}.company{font-family:Langar,cursive;font-weight:700}.job-title{font-style:italic}@media screen and (max-width:600px){.job{width:95vw}}.project{border:2px solid navy;margin:15px auto;max-width:30vw;padding:10px}#skillz{display:flex;justify-content:space-around;margin-left:auto;margin-right:auto;width:500px}#skillz>div>ul{text-align:left}main{margin-bottom:50px;margin-top:70px}.screen-title{font-family:Gentium Book Basic,serif}.sub-title{-webkit-text-stroke-width:.9px;-webkit-text-stroke-color:#ffffff40;font-family:Langar,cursive}.body-text{-webkit-text-stroke-width:.2px;-webkit-text-stroke-color:rgba(0,0,0,.3);color:#fff;font-family:Roboto Condensed,sans-serif;font-size:20px}
/*# sourceMappingURL=main.4e4b3a22.css.map*/