body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:sans-serif;line-height:1;min-height:100%}h2,h3,h4,h5,h6,​h1{font-size:100%}button,code,optgroup,option,pre,select,textarea,​input{font-family:inherit;font-size:100%}ul,​ol{list-style:none}:root{--colbg:#d3d3d3;--colfont:#00008b;--colheadbg:#a9a9a9;--colhead:#00f;--colborder:#00008b;--bordersz:2px;--initfontsz:16px}body{background-color:#d3d3d3;background-color:var(--colbg);display:flex;flex-direction:column;font-size:16px;font-size:var(--initfontsz)}h1{font-size:250%;margin-right:2%;z-index:8}h2{font-size:200%}h3{font-size:175%}h4{font-size:90%}p{font-size:100%}footer,header{background-color:#a9a9a9;background-color:var(--colheadbg);color:#00f;color:var(--colhead)}header{display:flex;flex-direction:column;height:100px;justify-content:space-between;margin:.5% .5% 0;position:-webkit-sticky;position:sticky;text-align:right;top:0;width:100%;z-index:9}nav{margin-right:2%;z-index:9}nav ul li{display:inline;font-size:1.1rem;padding:0 2px 2px 0}nav ul li:focus,nav ul li:hover{text-decoration:underline}nav [href*="#"]{text-decoration:none}section{border-bottom:2px solid #00008b;border-bottom:var(--bordersz) solid var(--colborder);margin:5px .5% .5%;padding:0 0 10px;scroll-margin-top:100px}section h2{color:#00008b;color:var(--colfont);text-align:center}footer{margin:5px .5% .5% 0;padding:5px 0 5px 5px;text-align:center}.hero{background-image:url(/portfolio-react/static/media/Hero.78036bb7b382111c4cfd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:auto;margin:0 2px 2px .5%;min-height:200px;position:relative;width:100%}.hero h2{background-color:hsla(0,0%,83%,.4);bottom:15%;color:#00008b;color:var(--colfont);position:absolute;right:2%}.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.projcard{border:5px solid #9e9c9c;flex:1 0 100%;margin:2px;position:relative;transition:flex-basis .5s linear}.cardtitle{background-color:#d3d3d3;background-color:var(--colbg);border:1px dotted blue;font-size:75%;height:auto;left:5%;max-height:40%;max-width:45%;opacity:80%;padding:2%;position:absolute;text-align:center;top:45%}.cardtitle p{padding:3% 0 0}.projpic img{height:auto;width:100%}.caption{position:absolute;visibility:hidden}.add-form{margin-bottom:40px}.form-control{margin:20px 0}.form-control label{display:block}.form-control input{font-size:17px;height:40px;margin:5px;padding:3px 7px;width:100%}.form-control-check{align-items:center;display:flex;justify-content:space-between}.form-control-check label{flex:1 1}.form-control-check input{flex:2 1;height:20px}.btn{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;margin:5px;padding:10px 20px;text-decoration:none}.btn:focus{outline:none}.btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.btn-block{display:block;width:100%}#container{display:flex}#aboutme img{height:auto;max-height:100%;padding-right:10px;width:20%}#contact ul li{font-size:100%;padding:2px 0}#resume{font-size:.65rem;padding:10px;text-align:center}#footer{display:flex;justify-content:center}@media screen and (min-width:768px){h1{font-size:280%}nav ul li{font-size:1.5rem;padding-right:5px}section{display:flex;flex-direction:row;scroll-margin-top:105px}section h2{border-right:2px solid #00008b;border-right:var(--bordersz) solid var(--colborder);box-sizing:border-box;margin-right:10px;min-width:20%;padding-right:10px;text-align:right}.hero{min-height:300px}.projcard{flex:1 0 30%;height:auto;max-width:50%;min-width:45%}.cardtitle{max-height:80%;max-width:50%}.mainproject{flex:1 0 200%;min-width:100%}#resume{padding:0 0 5px}#resume h4,p{margin:auto 0;padding-right:50px}}#footer{display:inline}@media screen and (min-width:992px){header{align-items:center;flex-direction:row;justify-content:flex-end}nav [href*="#"]{text-decoration:underline}.hero{min-height:350px}.cardtitle{max-width:40%}#contact ul{margin:auto 0}#contact ul li{display:inline;font-size:120%;padding:2px 50px 0 0}}
/*# sourceMappingURL=main.dfb3722e.css.map*/