@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500&family=Fredericka+the+Great&family=Open+Sans+Condensed:wght@300&display=swap);*{margin:0;padding:0;box-sizing:border-box}:root{--font-size-default:18px;--font-size-smallest:calc(var(--font-size-default)*0.6);--font-size-smaller:calc(var(--font-size-default)*0.75);--font-size-small:calc(var(--font-size-default)*0.9);--font-size-large:calc(var(--font-size-default)*1.25);--font-size-larger:calc(var(--font-size-default)*1.5);--font-size-largest:calc(var(--font-size-default)*2);--padding-default:8px;--padding-small:calc(var(--padding-default)/2);--margin-default:8px;--margin-small:calc(var(--margin-default)/2);--margin-medium:calc(var(--margin-default)*2);--margin-large:calc(var(--margin-default)*3.5);--margin-larger:calc(var(--margin-default)*6);--primary-background-color:rgba(0,0,0,0.85);--link-color:#97d0ff;--link-external:"⚡";--link-phone:"📱";--link-top-of-page:"▲";--link-email:"✉️"}body{font-size:18px;font-size:var(--font-size-default);font-family:Open Sans Condensed,sans-serif;min-width:300px;overflow-y:scroll;background:url(/portfolio-react/static/media/bg.1e621340.jpg)}a{color:#6c120c}a[target=_blank]{margin-right:28px;margin-right:var(--margin-large)}a[target=_blank]:after{content:"⚡";content:var(--link-external);margin-left:4px;margin-left:var(--margin-small);position:absolute;white-space:nowrap}a[href^="tel:"]:before{content:"📱";content:var(--link-phone)}a[href^="mailto:"]:before,a[href^="tel:"]:before{float:left;margin-right:4px;margin-right:var(--margin-small)}a[href^="mailto:"]:before{content:"✉️";content:var(--link-email)}header{background-color:rgba(0,0,0,.85);background-color:var(--primary-background-color);color:#d3d3d3;padding:8px 0;padding:var(--padding-default) 0}header section{display:flex;flex-direction:flex-start;align-items:center}header section .photo{width:25%;min-width:80px;max-width:150px}header section .photo img{max-width:80%;margin:8px;margin:var(--margin-default);border-radius:50%;margin-right:8px;margin-right:var(--padding-default)}header section .status{width:75%;display:flex;flex-direction:column;justify-content:center}header section .status h1{font-size:36px;font-size:var(--font-size-largest);letter-spacing:5px;margin-bottom:8px;margin-bottom:var(--margin-default)}header section .status h1 .first{color:#d3d3d3}header section .status h1 .last{color:#fff;text-transform:uppercase}header section .status .current div{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}header section .status .current div h2{font-family:Open Sans Condensed,sans-serif;font-weight:lighter;font-size:13.5px;font-size:var(--font-size-smaller);min-width:60px}header section .status .current div p{font-weight:700;color:#fff}header section nav ul{margin:8px 48px 0 4px;margin:var(--margin-default) var(--margin-larger) 0 var(--margin-small);list-style-type:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;font-size:22.5px;font-size:var(--font-size-large)}header section nav ul li{white-space:nowrap;margin:0 8px;margin:0 var(--margin-default)}header section nav ul li a{padding:0 2%;text-decoration:none;color:#97d0ff;color:var(--link-color)}main{width:60%;max-width:1600px;margin:28px auto;margin:var(--margin-large) auto}main h2{font-family:Fira Sans,sans-serif;margin-bottom:28px;margin-bottom:var(--margin-large)}main>h3{margin:28px 0 4px;margin:var(--margin-large) 0 var(--margin-small)}main>h3:first-child{margin-top:0}main address,main p{padding-bottom:14px;line-height:1.5em;margin:8px 0;margin:var(--margin-default) 0}main abbr{cursor:pointer;-webkit-text-decoration:overline dashed grey;text-decoration:overline dashed grey}main section{display:flex;margin:48px 0 96px;margin:var(--margin-larger) 0 calc(var(--margin-larger)*2)}main section>div>div{margin-bottom:48px;margin-bottom:var(--margin-larger)}main section h3{color:#7f130c;margin-bottom:16px;margin-bottom:var(--margin-medium)}main section#aboutMe h4,main section#resume h4{margin-top:28px;margin-top:var(--margin-large)}main section#aboutMe ul,main section#resume ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:8px 48px 28px;margin:var(--margin-default) var(--margin-larger) var(--margin-large)}main section#aboutMe ul li,main section#resume ul li{white-space:nowrap;min-width:150px}main section>div{width:100%}main section>div:first-child{width:260px;padding-right:8px;padding-right:var(--padding-default);margin-right:48px;margin-right:var(--margin-larger)}main section div.articles{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:28px;margin-top:var(--margin-large)}main section div.articles article{position:relative;min-width:160px;min-height:400px;width:46%;border:1px dashed #000;border-radius:8px;background-position:50%;background-repeat:no-repeat;background-color:#fff}main section div.articles article h3{text-align:center;background-color:rgba(0,0,0,.85);background-color:var(--primary-background-color);width:50%;font-size:27px;font-size:var(--font-size-larger);min-height:40px;padding:8px;padding:var(--padding-default);margin:-16px auto;margin:calc(var(--margin-default)*-2) auto;color:#fff;border:1px dotted #fff}main section div.articles article p{color:#fff;background-color:rgba(0,0,0,.8);position:absolute;bottom:50px;width:100%;margin:0;padding:8px;padding:var(--padding-default)}main section div.articles article p strong{display:block;text-transform:uppercase;font-family:Fredericka the Great,cursive;color:#a1d0ff}main section div.articles article p.small{bottom:0;margin:0;width:100%}main section div.articles article p.small strong{display:block;font-size:80%;white-space:pre}main section div.articles article p.small strong:after{content:": "}main section div.articles article p a{color:#97d0ff;color:var(--link-color)}main section div.articles article.primary{width:100%;min-height:600px}main section div.articles article#tech-blog{background-image:url(/portfolio-react/static/media/tech-blog.f56ac328.png)}main section div.articles article#project-1{background-image:url(/portfolio-react/static/media/movie-sm.e399d274.jpg)}main section div.articles article#employee-tracker{background-image:url(/portfolio-react/static/media/office-characters.8a3e15d5.png)}main section div.articles article#weather{background-image:url(/portfolio-react/static/media/weather.7ce091aa.jpg)}main section div.articles article#workday{background-image:url(/portfolio-react/static/media/workday.97433c4c.png)}main section div.articles article#react{background-image:url(/portfolio-react/static/media/walk.de66b199.jpg)}main section div.articles article#express{background-image:url(/portfolio-react/static/media/noteTaker.485bd9c2.png)}main section div.articles article#javascript{background-image:url(/portfolio-react/static/media/codeQuiz.ed72380b.png)}footer,main section div.articles article:nth-child(n+2){margin-top:48px;margin-top:var(--margin-larger)}footer{position:fixed;display:flex;justify-content:space-around;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.85);background-color:var(--primary-background-color);color:#fff;text-align:center;padding:26px}footer a{color:#97d0ff;color:var(--link-color)}footer a.up{margin-right:16px;margin-right:var(--margin-medium)}footer a.up:after{content:"▲";content:var(--link-top-of-page);margin-left:4px;margin-left:var(--margin-small);position:absolute;white-space:nowrap}footer a[target=_blank]{margin-right:6px}footer a[target=_blank]:after{content:"";margin-left:0;position:absolute;white-space:nowrap}@media screen and (min-width:1028px){header section nav{align-self:flex-start}header section nav ul{flex-direction:row;font-size:22.5px;font-size:var(--font-size-large)}}@media screen and (max-width:1028px){main{width:90%}main section{display:flex;flex-direction:column}main section div.articles article,main section div:first-child{width:100%}}@media screen and (max-width:768px){main section#aboutMe ul,main section#resume ul{margin:4px 28px;margin:var(--margin-small) var(--margin-large)}}@media screen and (max-width:480px){body,body header section nav ul{font-size:10.8px;font-size:var(--font-size-smallest)}body header section nav ul{margin:4px;margin:var(--margin-small)}body header section .status h1{font-size:13.5px;font-size:var(--font-size-smaller)}body header section .status .current div h2,body header section .status .current div p{font-size:10.8px;font-size:var(--font-size-smallest);min-width:36px}}header section nav ul li{padding:0 26px;min-width:100px;border:1px solid transparent}header section nav ul li.active{border-radius:6px;color:#97d0ff}header section nav ul li.active,header section nav ul li.active:hover{background-color:#000;border:1px solid #97d0ff}header section nav ul li:hover{transition-duration:1s;-webkit-transition-duration:.25s;background-color:#4b4b4b;border-radius:6px;cursor:pointer}@media screen and (max-width:1026px){header section nav ul li{max-width:146px}}@media screen and (max-width:800px){header section nav ul li{min-width:122px;font-size:smaller}}.error{color:red}.valid{color:#00fd0d}.input-wrapper:after{position:relative;right:16px}.input-wrapper.valid:after{content:"✔"}.input-wrapper.error:after{content:"✘"}form div .input-wrapper.valid input,form div .input-wrapper.valid textarea{border-left:5px solid green}form{background-color:rgba(0,0,0,.05);max-width:500px;border:1px solid #ccc;box-sizing:border-box;padding:6px;border-radius:4px;display:flex;flex-direction:column;font-family:Fira Sans,sans-serif;font-size:12px}form div{display:flex;align-items:center;margin:2px}form div input,form div label,form div span,form div textarea{display:inline-block;padding:6px;min-width:50px;max-width:160px}form div input,form div textarea{min-width:202px;font-family:Open Sans Condensed,sans-serif;font-size:18px;padding-right:20px}form div label{padding-bottom:0;min-width:86px}form div button{padding:8px 26px;border:1px solid #f3f9ff;border-radius:4px;font-family:Fira Sans,sans-serif}form div button:hover{transition:.25s;background-color:#e8f0fe}form div button:disabled:hover{background-color:transparent}form .valid{color:green}form .footer{margin-top:6px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:460px){form{max-width:400px;min-width:286px}form div{flex-direction:column;align-items:flex-start}form div .input-wrapper:after{top:24px}}
/*# sourceMappingURL=main.d1fa7bec.chunk.css.map */