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}:root{--blue:#56a6ea;--orange:#c28a5b;--red:#b5545e;--green:#89b86e;--yellow:#e4bf7b;--light-gray:#a0a9b6;--dark-gray:#1e2126}*{box-sizing:border-box}body,html{background:#1e2126;background:var(--dark-gray);color:#a0a9b6;color:var(--light-gray);min-height:100%}main{margin-top:107px}section>h1{font-size:2rem;text-align:center}hr{background-image:linear-gradient(90deg,transparent,#c28a5b,transparent);background-image:linear-gradient(to right,transparent,var(--orange),transparent);border:0;height:1px;margin:0}.under-development{color:#b5545e;color:var(--red)}a{color:#56a6ea;color:var(--blue);text-decoration:none;transition:color .5s}a:hover{color:#89b86e;color:var(--green)}header{align-items:center;background-color:#1e2126;background-color:var(--dark-gray);display:flex;flex-wrap:wrap;position:fixed;top:0;width:100%;z-index:1}#header-name{display:block;font-size:3rem;text-align:center;width:100%}nav{width:100%}.nav-list{display:flex;justify-content:space-around;list-style-type:none;padding:0}.nav-item{color:#56a6ea;color:var(--blue);transition:color .5s}.nav-item:hover{color:#89b86e;color:var(--green);cursor:pointer}.nav-active{color:#e4bf7b;color:var(--yellow)}header>hr{width:100%}#hero{height:50vh;position:relative}#hero:before{background-image:url(/static/media/keyboard.7f589dd3d83b6eb4c8b6.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:30%;position:absolute;right:0;top:0}#hero>h1{font-size:2.5rem;top:20%}#hero>h1,#hero>p{color:#e4bf7b;color:var(--yellow);position:absolute;text-align:center;width:100%}#hero>p{font-size:1.5rem;top:40%}#bio{display:flex;margin-top:5px}#bio>.image-container{align-items:center;display:flex}#headshot{border-radius:50%;height:100px;margin:0 10px}.text-container>h2{margin-top:0}.text-container>h2,p{text-align:center}.projects-collection{align-items:center;display:flex;flex-direction:column}.project-container{margin-bottom:10px;width:90%}.project-container>.image-container{border:3px solid #c28a5b;border:3px solid var(--orange);position:relative;width:100%}.project-image{display:block;opacity:.5;width:100%}.project-details{background-color:#1e2126;background-color:var(--dark-gray);border-top:1px solid #c28a5b;border-top:1px solid var(--orange);bottom:0;position:absolute;width:100%}.project-text{text-align:center}.project-name{font-size:2rem}.project-stack>span:after{content:" | "}.project-stack>span:first-child:before{content:"| "}.project-links{display:flex;justify-content:space-around;margin:10px 0;padding:0 40px;width:100%}.project-links>a{font-size:2.5rem;text-decoration:none}.project-details>span{display:block;text-align:center}#portfolio>hr{margin:10px 0 0}#portfolio>h2{font-size:2rem;margin:10px 0;text-align:center}.cli-project-container>a{font-size:1.5rem;margin:0;text-align:left;text-decoration:none}.repo-link{font-size:1.5rem}.cli-project-container>hr{margin:10px 0;width:50%}#contact>.under-development{padding:0 20px;width:100%}#contact-form{margin:10px}label{color:#e4bf7b;color:var(--yellow);display:block}input,textarea{background-color:#1e2126;background-color:var(--dark-gray);border:1px solid #c28a5b;border:1px solid var(--orange);color:#a0a9b6;color:var(--light-gray)}textarea{width:80%}.validate{color:#b5545e;color:var(--red);display:block;font-style:italic;margin-bottom:10px}.valid{color:#89b86e;color:var(--green)}button{background-color:#56a6ea;background-color:var(--blue);border:none;color:#1e2126;color:var(--dark-gray);cursor:pointer;font-size:16px;transition:background-color .5s}button:hover{background-color:#89b86e;background-color:var(--green)}.resume-container>img{margin:20px 0 0 5%;width:90%}footer{margin-top:20px;padding-bottom:20px}#footer-contact{display:flex;justify-content:space-between;padding:0 20%}#footer-contact>a{font-size:2rem}@media only screen and (min-width:769px){main{margin-top:57px}#header-name{display:inline;margin:0 0 0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}nav{flex-grow:1;width:auto}#headshot{height:300px}.text-container>h2{padding-top:10%}.projects-collection{flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:0 20px}.project-container{margin-bottom:30px;width:45%}.project-container>.image-container{max-height:320px}.project-image{height:314px;opacity:1;transition:opacity 1s}.project-details{border:1px solid #c28a5b;border:1px solid var(--orange);bottom:25%;margin-left:10%;opacity:0;transition:opacity 1s;width:80%}.image-container:hover>.project-image{opacity:.3}.image-container:hover>.project-details{opacity:1}}
/*# sourceMappingURL=main.4c425d99.css.map*/