body,html{-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;height:100%;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Light;src:local("Ubuntu-Light"),url(/static/media/Ubuntu-Light.0dd2d5986e2731a16ee7.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.main{bottom:0;box-sizing:border-box;display:block;left:0;opacity:1;overflow-y:auto;position:fixed;right:0;top:0;transition:opacity .2s ease-in-out}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.aboutcontainer{margin:20px;text-align:center}@font-face{font-family:Ubuntu-Light;src:local("Ubuntu-Light"),url(/static/media/Ubuntu-Light.0dd2d5986e2731a16ee7.ttf) format("truetype")}@font-face{font-family:Montserrat-Regular;font-weight:900;src:local("Lato"),url(/static/media/Montserrat-Regular.ceb11275ab638627a643.ttf) format("truetype")}@font-face{font-family:Montserrat-Light;font-weight:900;src:local("Lato"),url(/static/media/Montserrat-Light.6fcc9263a21be961d246.ttf) format("truetype")}@font-face{font-family:Montserrat-Thin;font-weight:900;src:local("Lato"),url(/static/media/Montserrat-Thin.413b6b9f23ece3b343a7.ttf) format("truetype")}a,h2,h3,header,p{font-family:Montserrat-Regular}.main-container{align-items:center;background:#000;justify-content:center;max-height:100vh;max-width:100vw;overflow:auto}.main-container,.main-container-inner{box-sizing:border-box;display:flex;height:100vh}.main-container-inner{flex:1 1;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-height:791px;max-width:1280px;padding:7.5px;position:relative;width:100vw}.inner-container{background:#000;border-radius:5px;padding:25px;-webkit-user-select:none;user-select:none;z-index:1}.logoheader{align-items:center;display:flex;height:70px;justify-content:space-between;position:relative}.logo{cursor:pointer;padding-top:0;transition:all 50ms ease-in-out;z-index:9}.logosvg{height:80px;width:80px}.socials ul{cursor:pointer;display:flex;gap:20px;list-style:none;z-index:9}.email,.github,.linkedin{transition:all 50ms ease-in-out;z-index:9}.emailsvg,.githubsvg,.linkedsvg{height:55px;width:55px}.typing{-webkit-animation:blinker 1.5s linear infinite;animation:blinker 1.5s linear infinite;-webkit-transform:translate(25%,50%);transform:translate(25%,50%)}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.welcome{display:block;font-size:1.75em}.title{color:#fff;cursor:pointer;font-family:Montserrat-Regular;font-size:2em;padding-left:10px;position:static;text-decoration:none}.projects-overview{grid-gap:10px;align-items:top;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:25%,75%;height:calc(100% - 102px);justify-content:space-between;min-height:calc(100% - 102px);padding-left:50px;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.main-message-hide{display:none;opacity:0}.main-message{grid-column:2;padding-top:75px;position:relative}.main-message span{color:#fff;font-family:Montserrat Regular}.main-message h1{font-size:90px;margin-top:0}.project-wrapper{font-size:14px;padding-top:100px}.project-wrapper div{background:#000;border-top-left-radius:7px;flex-direction:column;margin-left:0;padding:2px 20px 0;z-index:0}.main-projects{grid-column:1;top:0}.main-projects-hide{display:none;opacity:0}.main-projects-show:hover{z-index:999}.project-list header{border-bottom:1px solid #fff;color:#fff;cursor:pointer;font-family:Montserrat-Light;font-size:2.3em;padding-bottom:3px;width:60%}.project-portfolio{color:#fff;cursor:pointer;line-height:1.5;margin-bottom:7px;margin-top:7px;opacity:1;text-decoration:none;transition:opacity .3s ease-in-out}.project-list:hover .project-portfolio{opacity:1}.portfolio-link:hover,.project-portfolio:hover{color:#fff;opacity:1}.portfolio-link{font-family:Montserrat-Thin;font-size:1.9em;width:237px}.portfolio-link:after,.portfolio-link:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid hsla(0,0%,100%,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;right:0;transition:all .2s ease-in-out;width:0}.portfolio-link:hover:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#5121c2;transition:width .2s ease-in-out;width:100%}.portfolio-link:hover:before{bottom:auto;top:0;width:100%}.extras{align-items:flex-end;bottom:20px;display:flex;justify-content:flex-end;position:fixed;right:20px;z-index:1}.goTop{height:100px;margin-bottom:20px;width:100px}.welcome-message{display:block;height:0;opacity:0}.welcome-message-show{grid-column:2;opacity:1;transition:all .3s ease-in-out}.welcome-message-show span{display:block;font-size:1.5em;font-weight:100;line-height:1.4;margin-left:30px;position:relative}.individual-project-show{display:block;height:100%;left:15px;margin-top:-15px;opacity:1;position:relative;transition:all .3s ease-in-out;width:100%}.individual-project-show header{color:#fff;font-size:2.5em;padding-bottom:20px;padding-top:20px;transition:all .3s ease-in-out}.individual-project-show span{font-size:1.3em}.individual-project-show button{align-items:center;background-color:#000;border:0 solid #000;left:15%;margin-bottom:35px;position:relative;top:15px;width:50%}.individual-project-show a{background:#5121c2;border:0 solid #000;border-radius:20px;color:#fff;display:block;font-size:20px;font-weight:700;padding:8px 0;text-align:center;text-decoration-line:none;transition:all .3s ease-in-out}.individual-project-show a:hover{background-color:#2aba2f;border-radius:3px;color:#000}.individual-project,.individual-project img,.individual-project p,.individual-project span{display:block;height:0;opacity:0}.individual-project-show h2{color:#fff;margin-bottom:20px}.critellis,.databreach,.openmediavault,.paradigm,.qualys,.shinobi,.sql,.tableau{border-radius:25px;height:40%;margin-bottom:10px;margin-top:10px;width:80%}.projects-overview{padding-left:0}.hamburger-menu{display:none}@media screen and (min-width:330px) and (max-width:800px){.welcome{font-size:1.1em;padding-bottom:px;padding-top:0}.main-message{padding-top:25px;transition:all .3s ease-in-out}.welcome-message{font-size:.8em;transition-duration:.5s;transition-property:opacity,height}.main-projects{display:none;opacity:0}.main-projects-show{grid-column:1;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease-in-out}.hamburger-menu{display:flex;height:40px;padding-left:125px;width:40px}.main-container{padding:5px}.inner-container{padding:0;width:100%}.main-container-inner{padding:20px}.logosvg{height:60px;width:60px}.socials ul{cursor:pointer;display:flex;gap:20px;list-style:none;z-index:9}.emailsvg,.githubsvg,.linkedsvg{display:none;opacity:0}.socials ul{gap:15px}}
/*# sourceMappingURL=main.5165c9bc.css.map*/