@import url(//db.onlinewebfonts.com/c/05428692254b58ccb090358a3dfecfff?family=Sofia+Pro);@font-face{font-family:Sofia Pro;src:url(//db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.eot);src:url(//db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.woff) format("woff"),url(//db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.ttf) format("truetype"),url(//db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.svg#Sofia%20Pro) format("svg")}body{background-color:#181818;color:#fff;font-family:Sofia Pro;margin:20px auto;max-width:1200px;padding:0 20px}header{display:flex;flex-direction:row;grid-area:header;justify-content:space-between}header div{-webkit-transform:translateY(20%);transform:translateY(20%)}.header-nav{justify-content:flex-end}.header-nav,.navlink{display:flex;flex-direction:row}.navlink{align-items:center;margin:0 15px;padding:8px;text-decoration:none}#navlink-home{color:#e40203}#navlink-about{color:#ff8b00}#navlink-projects{color:#feed00}.header-nav a:hover{text-decoration:underline overline;text-decoration-thickness:2px}.left-sidenav{display:flex;flex-direction:column;grid-area:left-sidenav;justify-content:center}.left-sidenav .icon{box-sizing:border-box;height:30px;margin:10%;padding:3%;width:30px}.left-sidenav .icon:hover{border:1px solid #2596be;border-radius:10px}.home-main{display:flex;flex-direction:column;grid-area:home-main;justify-content:flex-start}.layout{display:grid;grid-template-areas:"header header header" "left-sidenav home-main seg3a" "seg1b seg2b seg3b";grid-template-columns:50px 1fr 50px;grid-template-rows:60px 1fr 30px;min-height:100vh;padding:10px}.homemain-main{max-width:500px;padding-left:10%}.homemain-main,.homemain-text{display:flex;flex-direction:column}.homemain-text{color:#bbb}.homemain-main h3{color:#e40203}.homemain-main h1{font-size:xx-large}#text{margin:2px}.homemain-links{display:flex;flex-direction:row;justify-content:space-between;margin-top:10%}.homemain-links a{text-decoration:none}.info-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:6.5rem;padding:10%;width:6.5rem}.info-container:hover{background-color:inherit}.info-container h2{margin:0;padding:0}.info-container img{height:50px;width:50px}#item-0{border:2px solid #2596be;border-radius:10px;color:#2596be}#item-0:hover{background-color:#0b3342}#item-1{border:2px solid #f8c40c;border-radius:10px;color:#f8c40c}#item-1:hover{background-color:#443605}#item-2{border:2px solid #e84c3c;border-radius:10px;color:#e84c3c}#item-2:hover{background-color:#4b1914}.projects-main-container{margin-left:5%}.project-container{color:#bbb;display:flex;flex-direction:row;justify-content:space-around}.project{box-sizing:border-box;display:flex;flex-direction:column;padding:10%}.project:hover{background-color:#463806;border:2px solid #f8c40c;border-radius:5%}.project h3,.project h4{margin:0;padding:0}.project img{height:110%;width:80%}.project-main h1{border-bottom:2px solid #2596be;color:#2596be;margin-bottom:5%}.project-single{display:flex;flex-direction:column;margin:0 0 0 5%;padding:0}.project-single h1{border-bottom:2px solid #feed00}#project-item{margin:0;padding:0}#project-single-heading{color:#feed00;margin:2% 0 0;padding:0}.project-single p{color:#bbb;font-size:small;letter-spacing:1px}.buttons-container{display:flex;flex-direction:row;margin-top:2%}.buttons-container a{border:1px solid #feed00;border-radius:5px;color:#feed00;margin-right:5%;padding:5px;text-align:center;text-decoration:none}.buttons-container a:hover{background-color:#444002}.about{margin-left:5%}.about h1{border-bottom:2px solid #feed00}.about-blurb{display:flex;flex-direction:row;justify-content:space-evenly;padding-bottom:2%}.about-blurb img{border-radius:50%;height:300px;width:300px}.about-blurb p a{color:#feed00;text-decoration:none}.skills h2{text-align:center}.skills h3,.skills h4{color:#bbb;text-align:center}.contact{display:flex;flex-direction:column;margin-left:5%}.contact h1{border-bottom:2px solid #feed00}.contact h2{margin:0;padding:0;text-align:center}.video{margin-top:2%}@media (max-width:576px){.homemain-links{align-items:center;display:flex;flex-direction:column}.info-container{height:130px;margin:5px;width:130px}.about-blurb,.project-container{display:flex;flex-direction:column}}
/*# sourceMappingURL=main.7c585441.css.map*/