body{margin:0;padding:0;box-sizing:border-box;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}:root{--text-head:"RocknRoll One",sans-serif;--text-body:"Livvic",sans-serif}.App{background-image:repeating-linear-gradient(45deg,rgba(224,123,50,.06),rgba(224,123,50,.06) 2px,transparent 0,transparent 4px),linear-gradient(45deg,#5c5c64,#17171b);font-size:calc(.5rem + 1vh);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}:focus{outline:none}a:focus,a:hover{transform:scale(1.05);opacity:.7}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--grey)}::-webkit-scrollbar-thumb{background:green}::-webkit-scrollbar-thumb:hover{background:#555}.container-main{padding:.5rem;background:linear-gradient(to bottom right,rgba(50,50,50,.8),hsla(0,0%,39.2%,.8));position:relative;border-radius:5px;display:flex;flex-direction:column;overflow:hidden;width:100vw;box-shadow:10px 10px 20px rgba(50,50,50,.8);font-family:Livvic,sans-serif;font-family:var(--text-body)}@media only screen and (max-width:600px){.container-main{border-left:none;margin:0;width:100vw;min-height:100vh}}nav{position:fixed;top:0;width:100%;font-size:calc(.5rem + .75vh);background:#323232;z-index:100}nav ul{width:100%;padding:0;display:flex;justify-content:center;list-style:none;font-family:var(--text-head);margin:0 .5rem 0 auto}nav ul li{padding:.5rem;cursor:pointer;margin:.4rem}nav ul li a{text-decoration:none;color:#969696;transition:color .3s ease;outline:0}.active{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid rgba(223,139,14,.9);pointer-events:none;color:#fff}nav ul li a:not(.active):hover{color:rgba(223,139,14,.9);opacity:.6;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:4px solid rgba(223,139,14,.9)}@media only screen and (max-width:600px){.nav{width:100%}.nav ul{font-size:smaller;background:#17171b;justify-content:center;z-index:800}.active{border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:2px solid rgba(223,139,14,.9)}}footer .social-links{margin:0 1rem}footer{position:fixed;width:100%;background:#323232;bottom:0;right:0;padding:0 2rem;text-align:right;color:#fff;font-size:calc(.5rem + .5vh)}.footer-link{font-size:1.2rem;color:rgba(223,139,14,.7);padding:.2rem}@media only screen and (max-width:600px){footer{margin:0;background-color:#000;width:100vw;text-align:right}}.sidebar{flex:1 1;border-color:rgba(223,139,14,.7) transparent;border-style:solid;border-width:4px 6rem;padding:2rem;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;margin-left:2rem;margin-top:1rem;max-height:100vw}.sidebar h2{margin:.2rem auto;border-bottom:2px solid rgba(50,50,50,.6);width:60%}.img-headshot{position:absolute;top:0;left:0;border-radius:50%;border:6px double rgba(223,139,14,.5);height:40%;max-height:20vh;margin-bottom:1rem;z-index:500;display:none}.sidebar--deets{background:rgba(26,15,15,.2);border-radius:15px;width:100%;color:#fff}.skills{display:flex;justify-content:center;list-style:none;padding:0}.skill-title{margin:0;padding:0;font-size:.8rem}.skills div{padding:.4rem}.skills i{font-size:3rem}@media only screen and (max-width:600px){.sidebar{display:none}}@keyframes grow{0%{transform:rotate(0deg);font-size:.3rem;margin:.2rem}20%{transform:rotate(-15deg);color:rgba(223,139,14,.7)}30%{transform:rotate(5deg);font-size:1rem;margin:.4rem}50%{transform:rotate(-15deg);color:rgba(223,139,14,.7)}60%{transform:rotate(5deg);color:rgba(223,139,14,.7);font-size:2rem;margin:.7rem}90%{transform:rotate(-15deg);color:rgba(223,139,14,.7)}to{transform:rotate(0deg);color:#fff}}header{top:1rem;font-size:calc(1rem + 1vh);border-color:rgba(223,139,14,.7) transparent;border-style:solid;border-width:4px 6rem;color:#fff}header h1{font-family:var(--text-head);animation-name:grow;animation-duration:3s}.container-home{position:relative;width:100%;overflow:auto}.container-home,.main{display:flex;align-items:center}.main{flex:4 1;width:70%;color:#c8c8c8;flex-direction:column;justify-content:center;padding:2rem;text-align:center;margin-top:5vh}.tagline{position:relative;font-size:calc(1.2rem + .5vh);z-index:600}.about-blurb{max-width:800px;margin:1rem -6rem}.home-social-links{display:flex;justify-content:center;align-items:center;margin:1rem 0 .5rem}.home-social-links a{padding:0 1rem;outline:none;color:#fff;text-decoration:none}.home-social-links a:hover{opacity:.8}.home-social-links i{margin:.4rem;position:relative;top:10%;font-size:calc(1rem + 1vh)}.action-btn{display:inline-block;text-decoration:none;cursor:pointer;padding:.4rem;margin:1rem;color:#000;font-weight:bolder;border:2px solid rgba(223,139,14,.9);background-color:rgba(223,139,14,.9);border-radius:15px;outline:none;width:30%;text-align:center;transition:all .3s ease}.action-btn:hover{opacity:.7;border:2px solid rgba(223,139,14,.9)}.home-bio{border-color:rgba(223,139,14,.7) transparent;border-style:solid;border-width:4px 6rem}@media only screen and (max-width:600px){header{border-top:none}header h1{animation:none;font-size:1.2rem}.main{margin-top:1rem;max-width:90vw}.btns{display:flex;justify-content:space-between;align-items:center;flex-direction:column;margin:0;max-width:400px}.action-btn{width:200px;font-size:.75rem;padding:.7rem}.about-blurb{font-size:.9rem}}:root{--orange:rgba(223,139,14,0.7);--grey:rgba(92,92,100,0.6)}.container-port{display:flex;flex-wrap:wrap;text-align:center;align-items:center;color:#fff;margin:2rem 0;padding:1rem .5rem;overflow:hidden}.port-items{display:flex;flex-wrap:wrap;justify-content:center;padding:1rem 0;width:100%}.port-item{max-width:500px;min-width:400px;width:30vw;display:flex;overflow:hidden;flex-direction:column;font-size:calc(1rem + 1vh);border:2px solid rgba(92,92,100,.6);border:2px solid var(--grey);border-radius:5px;box-shadow:2px 5px 5px rgba(92,92,100,.6);box-shadow:2px 5px 5px var(--grey);margin:.5rem}.port-item-title{padding:.5rem;background-color:rgba(92,92,100,.6);background-color:var(--grey);width:100%;font-family:var(--text-head)}.port-item-title h3{font-size:1.2rem;padding:.4rem;margin:.2rem 0}.port-item-title h5{font-family:var(--text-body);font-size:.75rem;padding:.4rem;margin:0 0 0 .2rem}.port-item-tagList{display:flex;flex-wrap:wrap;margin:.5em 0;padding:0 1rem;justify-content:center;list-style:none}.port-item-tagList li{background:rgba(223,139,14,.7);background:var(--orange);color:#000;text-transform:uppercase;font-size:.7rem;font-weight:700;min-width:50px;border-radius:5px;padding:.1rem .2rem;margin:.1rem .2rem}.port-item-img{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:300px;transition:all .2s ease-in-out}.port-item-img a{color:#fff;text-decoration:none}.port-item-img-overlay{position:absolute;transform:scale(0);background-color:rgba(50,50,50,.8);transition:all .3s ease-in-out;border-radius:5px}.port-item-img-overlay i:hover{color:rgba(223,139,14,.7);color:var(--orange)}.port-item-img-overlay i{padding:1rem}.port-item-img:hover{transform:scale(.8)}.port-item-img:hover .port-item-img-overlay{opacity:1;transform:scale(1.5)}.port-item-hrefs{display:flex;justify-content:center;margin-bottom:.5rem}.port-item-hrefs a{text-decoration:none;font-size:.9rem;margin:1rem;padding:.5rem 3rem;color:var(--white);border:2px solid rgba(223,139,14,.7);border:2px solid var(--orange);border-radius:15px}.port-item-hrefs a:focus,.port-item-hrefs a:hover{background:rgba(223,139,14,.7);background:var(--orange);font-weight:700;opacity:.7}.port-desc{padding:1rem;width:100%}.port-item-desc{font-size:calc(.5rem + 1vh);height:20%;margin:.5rem 1rem}.port-item-desc p{white-space:pre-wrap}@media only screen and (max-width:800px){.container-port{width:100%;padding:0}.port-item{flex-basis:100%;justify-content:center}.port-top{width:100%}.port-left{display:none}.port-right{flex-basis:100%}.port-item-title{padding:.2rem}.port-item-hrefs{display:flex;flex-direction:column;align-items:center;width:100%}.port-item-hrefs a{background:rgba(223,139,14,.7);background:var(--orange);font-weight:bolder;width:50%;margin:.5rem}}.container-contact{display:flex;flex-direction:column;justify-content:flex-start;text-align:center;color:#fff;overflow:auto}.contact-blurb{font-size:calc(1rem + 1vh);margin:2rem}.form-container{flex-direction:column;font-size:calc(.75rem + 1vh);border-color:rgba(223,139,14,.7) transparent;border-style:solid;border-width:4px 6rem}.form-container,.form-container form{display:flex;justify-content:center;align-items:center}.form-container form{flex-wrap:wrap;max-width:870px;background:hsla(0,0%,58.8%,.4);border-radius:15px;margin:2rem 0;padding:2rem}.form-container form label{display:flex;align-items:center;justify-content:center;width:100%;margin:.5rem}#subject,.form-container form input{font-size:calc(.25rem + 1vh);margin:.2rem;width:500px;padding:.5rem;border:none;border-radius:10px}.submit-btn{cursor:pointer;width:50%;max-width:200px;outline:none;border:none;border-radius:10px;padding:.5rem;background-color:green;color:#fff;font-weight:bolder}.submit-btn:focus,.submit-btn:hover{opacity:.7;border:1px solid rgba(50,50,50,.7)}.email-sent{width:60%;bottom:15px;border:2px solid #000;border-radius:10px;transition:all .3s ease;color:#000;background-color:#ffebcd}.sent{opacity:.6;pointer-events:none}.hidden{display:none;transition:all .3s ease}.error{background-color:salmon;opacity:.6}@media only screen and (max-width:600px){#subject,.form-container form label,.form-container form label input{width:100%}.contact-blurb{padding-bottom:0;margin-bottom:0}.container-contact{width:100%}.form-container form{width:80vw}#subject{width:90%}}
/*# sourceMappingURL=main.51df4490.chunk.css.map */