body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:675px){.border{border:1px solid #000}.display-none{display:none}body{background-color:hsla(0,0%,50.2%,.9)}.App{padding:20px;min-height:100vmax;background-image:url(/static/media/BeardManOpacity.d1ac9b09.png);background-repeat:no-repeat;background-attachment:fixed;background-position-x:center;background-position-y:40%;background-size:80%;overflow:scroll;color:#fff}.title{border-left:4px solid #fc8f00;padding-left:5px}.title .who-I-am{color:#fff;font-size:2.5rem;font-weight:300}.title .what-I-do{color:#fc8f00;font-size:2rem}.links{text-align:center;color:#fc8f00;font-size:1.5rem;height:10vh;display:flex;flex-direction:column;justify-content:space-between;padding:5%;transition:1s}.resume{margin-top:-50px}.resume-heading{margin-top:10px;color:#fc8f00;font-weight:700;font-size:1.125rem}.bullet{margin-left:10px;font-size:.8rem}.bullet span{font-weight:400}.description{font-size:.75rem;margin:0 0 5px 25px}li{margin-left:-25px}.contact a{text-decoration:none;color:#fff;font-size:1.5rem;font-weight:300}.contact i{color:#fc8f00;margin:10px;font-size:2rem}.projects{margin-top:-30px}.card-container{display:flex;flex-direction:column}.card{margin:auto}.card-nav{display:flex}.card-button{width:50%;background-color:#fc8f00;margin:1px 1px 20px;text-align:center}.card-button a{text-decoration:none;color:#fff}}@media only screen and (min-width:675px){body{background-color:hsla(0,0%,50.2%,.9)}.calendar{text-align:center;margin:auto;font-size:.6rem;color:#fff;max-width:800px}.App{height:99vh;background-image:url(/static/media/BeardMan.945e159f.png);background-repeat:no-repeat;background-attachment:fixed;background-position-x:center;background-position-y:20%;background-size:20%;overflow:hidden;scrollbar-width:0;color:#fff}.dim-bg{background-image:url(/static/media/BeardManOpacity.d1ac9b09.png)}.title-container{width:100%;position:fixed;bottom:0;margin-bottom:50px;display:flex;height:175px;transition:1s;justify-content:space-between}.filler{width:30%;flex-grow:1;transition:1s}.title{padding:10px;border-left:0 solid #fc8f00;white-space:nowrap;width:450px;text-align:center;transition:1s}.who-I-am{color:#fff;font-size:4rem}.what-I-do,.who-I-am{font-weight:300;width:100%;transition:1s}.what-I-do{color:#fc8f00;font-size:3rem}.links{display:flex;justify-content:space-around;flex-wrap:wrap;height:100%;align-items:center;white-space:nowrap;color:#fc8f00;flex-grow:1;width:30%;opacity:0;transition:1s}.links div{font-size:2rem}.contact{font-size:3rem;font-weight:300;max-height:calc(100vh - 250px);overflow:auto}.contact img{border-radius:50%;margin-top:50px;border:6px solid #fc8f00;box-shadow:0 0 50px 0 #000;width:20%;max-width:300px}.contact a{text-decoration:none;color:#fff}.contact i{color:#fc8f00;margin:20px}.resume-title{text-align:center;font-weight:300;margin:20px;font-size:2rem}.resume-container{text-align:left;display:flex;justify-content:center;flex-wrap:wrap;font-size:1rem;margin:0 100px;max-height:650px;overflow:auto;max-height:calc(100vh - 300px)}.panel{max-width:670px;min-width:500px;flex-grow:1;padding:0 10px}.resume-heading{color:#fc8f00;font-size:1.25rem}.bullet{margin:0 50px 0 20px;font-size:1rem}.bullet span{font-weight:400}.description{font-size:.95rem;margin:0 0 5px 40px}li{margin-left:-25px}.projects{display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:2rem;font-weight:300;margin:20px;max-height:calc(100vh - 250px)}.card-container{display:flex;margin:auto;max-width:1000px;max-height:650px;overflow:auto;justify-content:space-around;flex-wrap:wrap}.card{margin:10px}.card img{border-radius:5px;border:3px solid #646464;-webkit-filter:contrast(.75);filter:contrast(.75)}.card-nav{display:flex}.card-button{width:50%;background-color:#fc8f00;margin:-5px 1px 20px;text-align:center;border-radius:5px;border:3px solid #646464}.card-button a{text-decoration:none;color:#fff}.card:hover a>img{-webkit-filter:contrast(1);filter:contrast(1)}.triggered .title{border-left:4px solid #fc8f00}.triggered .title div{width:0}.triggered .filler{width:50px;flex-grow:0}.triggered .links{opacity:1}}
/*# sourceMappingURL=main.f415da36.chunk.css.map */