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}.contact-main{-webkit-animation:fade-in 1s ease;animation:fade-in 1s ease;padding-bottom:5%}input,textarea{width:95%}textarea{height:10em}div[role=alert]{color:var(--clr-alert);margin-top:1em}.input-text{color:var(--clr-secondary);background-color:initial;border-radius:.5em;border:none;border-bottom:3px solid var(--clr-secondary);padding:10px;text-align:left;transition:.5s ease}.input-text:focus{color:var(--clr-white);border-bottom:3px solid var(--clr-primary-light);outline:none}.status-message{opacity:0}.success{background-color:var(--clr-success-background);border:2px solid var(--clr-success-border);border-radius:.25em}.failure,.success{opacity:1;color:var(--clr-white)}.failure{background-color:var(--clr-failure-background);border:2px solid var(--clr-failure-border);border-radius:.25em}.inquiry,.message-chars-left{color:var(--clr-white)}#send-message-btn{font-size:1.25rem;font-weight:600}@media only screen and (min-width:800px){.about-wrapper:after{height:40vmax;width:95%;left:2.5%}.about-quote{font-size:2.5em}.about-cite{font-size:2em}.about-desc-container{display:inline-flex}.about-h2{font-size:2.5em}.about-p{font-size:1.25em}.about-question{width:45%}.about-desc{width:50%}}@media only screen and (max-width:800px){.about-wrapper:after{height:42vmax;width:130%;left:-14.5%}.about-quote{font-size:1.5em}.about-cite{font-size:1em}.about-desc-container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:65%}.about-h2{font-size:2em}.about-p{font-size:1em}.about-desc,.about-question{width:100%}}.about-header{color:var(--clr-white)}.about-wrapper{height:48vmax;width:auto;left:0;z-index:0;border-radius:100% 100% 100% 100%/100% 100% 100% 100%}.about-wrapper:after{content:"";-webkit-clip-path:polygon(50% 0,80% 50%,50% 100%,20% 50%);clip-path:polygon(50% 0,80% 50%,50% 100%,20% 50%);position:absolute;background:#384857;background:linear-gradient(90deg,#384857,#313c49 10%,#272833 26%,#221f28 57%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#384857",endColorstr="#221f28",GradientType=1)}.about-wrapper-scale{padding:50%}.about-quote{text-align:center;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;color:var(--clr-white);z-index:1}.about-quote span{color:var(--clr-secondary)}.about-cite{font-family:"Lemon";color:var(--clr-primary-light);z-index:1}.about-desc-container{align-items:center}.about-question{padding:0 25px 0 0;text-align:center;font-weight:300;color:var(--clr-secondary)}.about-desc{padding:0 0 0 25px;font-weight:500;color:var(--clr-white);border-left:3px solid var(--clr-tertiary)}.about-desc span{color:var(--clr-secondary)}#view-projects-btn{font-size:1.25em}.view-resume-btn{font-size:1.25rem;font-weight:600;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;color:var(--clr-white);border:3px solid var(--clr-primary);background-color:initial;border-radius:.25em;box-shadow:inset 0 0 .3em 0 var(--clr-primary),0 0 .3em 0 var(--clr-primary);transition:all .5s;padding:.5em}.view-resume-btn:active,.view-resume-btn:hover{background-color:var(--clr-primary)}.filter-results{color:var(--clr-secondary);font-weight:500}.projects{padding-bottom:5%;overflow:hidden}.featured-header{padding-bottom:10px;border-bottom:2px solid var(--clr-tertiary)}@media only screen and (min-width:1500px){.table{margin-left:15%;margin-right:15%}.horizontal-list{justify-content:center}}@media only screen and (min-width:800px) and (max-width:1500px){.table{margin-left:10%;margin-right:10%}.horizontal-list{justify-content:center}}@media only screen and (max-width:800px){.table{margin-left:2.5%;margin-right:2.5%}.horizontal-list{justify-content:left}}.table{display:flex;justify-content:center;max-width:100%;overflow:hidden}button>*{pointer-events:none}.scroll-shadow{box-shadow:inset 0 2px 5px rgba(0,0,0,.356);-ms-overflow-style:none;scrollbar-width:none}.scroll-shadow::-webkit-scrollbar{display:none}.horizontal-list{display:flex!important;list-style:none!important;width:-webkit-max-content;width:max-content;margin-left:auto;margin-right:auto;padding-left:0;padding-top:0;flex-wrap:nowrap!important}.horizontal-list li{display:inline}.horizontal-list li button{color:var(--clr-white);background-color:var(--clr-background);border:2.5px solid transparent;border-radius:5px;padding:5px;margin:0 5px;font-weight:700;cursor:pointer}.horizontal-list li:first-child{margin:0 0 0 10px}.horizontal-list li:last-child{margin:0 10px 0 0}.horizontal-list li button:hover{border:2.5px solid var(--clr-tertiary-light)}.horizontal-list li button:active{background-color:var(--clr-tertiary-light)}.horizontal-list li button.active,.horizontal-list li button.active:hover{background-color:var(--clr-tertiary)}.horizontal-list li button.active:active{background-color:var(--clr-tertiary-light)}.horizontal-list li button img{display:block;width:64px;height:64px}.pglanguage{-webkit-user-select:none;user-select:none}@media only screen and (min-width:1500px){.project-container{display:flex;justify-content:space-between;flex-direction:row;overflow:hidden}.project-img-wrapper{height:250px;width:400px}.project-column-left{border-right:2px solid var(--clr-tertiary);width:40%}.project-column-right{margin-left:auto;margin-right:auto;width:50%}}@media only screen and (min-width:800px) and (max-width:1500px){.project-container{display:flex;justify-content:space-between;flex-direction:row}.project-img-wrapper{height:150px;width:250px}.project-column-left{border-right:2px solid var(--clr-tertiary);width:40%}.project-column-right{margin-left:auto;margin-right:auto;width:50%}}@media only screen and (max-width:800px){.project-container{display:flex;justify-content:space-between;flex-direction:column}.project-column-left{border-right:2px solid var(--clr-tertiary);min-width:100%}.project-img-wrapper{height:60vw;width:100%}.project-column-right{margin-left:0;margin-right:0;width:100%}}.project-img-wrapper{position:relative}.project-pic{position:absolute;display:flex;visibility:hidden;background-color:var(--clr-secondary);width:100%;height:100%;transition:all .5s ease-in-out;box-shadow:0 0 5px #000;z-index:1;overflow:hidden;pointer-events:none}.project-pic.show{visibility:visible}.project-column-right,.project-context{transition:all .5s ease-in-out}.project-context{height:100%;color:var(--clr-white);border-radius:.3em;z-index:0}.project-desc{white-space:pre-wrap}.project-link{-webkit-filter:invert(70%) sepia(45%) saturate(173%) hue-rotate(195deg) brightness(99%) contrast(87%);filter:invert(70%) sepia(45%) saturate(173%) hue-rotate(195deg) brightness(99%) contrast(87%);height:32px;width:32px;color:transparent}.project-link:focus,.project-link:hover{-webkit-filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(232deg) brightness(110%) contrast(101%);filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(232deg) brightness(110%) contrast(101%)}.project-card-footer{border-top:2px solid var(--clr-tertiary);margin-top:auto;margin-bottom:0}.project-tools{font-size:.9em}.track-horizontal{min-width:100%;z-index:150;bottom:0}.thumb{cursor:pointer;background:var(--clr-secondary)}.featured-container{display:flex;flex-direction:column;max-width:840px;justify-content:center;margin-left:auto;margin-right:auto}.featured-tool-bar{border-top:2px solid var(--clr-tertiary);border-bottom:2px solid var(--clr-tertiary);margin-top:auto;margin-bottom:10px}.featured-img-desktop-wrapper{width:80%;margin-left:auto;margin-right:auto;padding:2px;border:solid #d4d4d4;border-width:5px 5px 10px;border-radius:5px}.featured-img-mobile-wrapper{margin-left:20px;margin-right:auto;width:15%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2px;border-bottom:5px solid #d4d4d4;border-top:5px solid #d4d4d4;border-color:#d4d4d4;border-style:solid;border-width:20px 5px;border-radius:15px}.featured-img{width:100%;height:100%}.project-details-btn{font-size:1rem;font-weight:600;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;color:var(--clr-white);border:3px solid var(--clr-primary);background-color:initial;border-radius:.25em;box-shadow:inset 0 0 .3em 0 var(--clr-primary),0 0 .3em 0 var(--clr-primary);transition:all .5s;padding:.5em}.project-details-btn:active,.project-details-btn:hover{background-color:var(--clr-primary)}.detailed-container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1200px}.back-btn{font-size:1rem!important;font-weight:600;width:90px;height:40px;margin-top:auto;margin-bottom:auto;margin-left:10px}@media (min-width:850px){.detailed-header{font-size:2.5rem}.detailed-row{flex-direction:row}}@media (max-width:849px){.detailed-header{font-size:1.5rem}.detailed-row{flex-direction:column}}.detailed-header{margin-top:auto!important;margin-bottom:auto!important;color:var(--clr-white)}.detailed-row{display:flex;margin-left:10px;margin-right:10px}.detailed-desc{white-space:pre-wrap;max-width:500px;padding-bottom:30px;border-bottom:2px solid var(--clr-tertiary)}.detailed-p{margin:auto}.detailed-mobile-img{margin:30px auto;width:150px;height:300px;border-radius:15px}.detailed-portrait-img{margin:30px auto;width:300px;height:425px}.detailed-landscape-img{margin:30px auto;width:350px;height:200px}.detailed-square-img{margin:30px auto;width:300px;height:300px;border-radius:15px}.orb{display:block;width:25px;height:25px;margin:10px auto;border-radius:50px;background-color:var(--clr-tertiary)}.pagination-console{display:flex;width:-webkit-min-content;width:min-content;margin-left:auto;margin-right:auto}.pagination-btn{margin-left:5px;margin-right:5px}@media only screen and (min-width:1500px){.App-header{min-height:calc(100vh - 59px)}}@media only screen and (min-width:800px) and (max-width:1500px){.App-header{min-height:calc(100vh - 59px)}}@media only screen and (max-width:800px){.App-header{min-height:calc(90vh - 59px);background-size:cover!important;background-position:bottom!important}}.App-header{animation:fade-in 1s ease;-webkit-animation:fade-in 1s ease;background-color:var(--clr-background);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:calc(10px + 2vmin);color:var(--clr-white);padding-left:10%;overflow:hidden}.home-wrapper{margin-bottom:30vh}.home-name{font:3em "Lemon";color:var(--clr-white);line-height:.6em;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15),2px 2px 2px hsla(0,0%,100%,0),2px 2px 2px hsla(0,0%,100%,0)}.home-text{font-size:2.25em;color:var(--clr-secondary);text-shadow:0 1px 0 #a6abcc,0 2px 0 #969ab6,0 3px 0 #8c8faa,0 4px 0 #75788f,0 5px 0 #73768d,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15),2px 2px 2px rgba(178,183,221,0),2px 2px 2px rgba(178,183,221,0)}.home-text-muted{font-size:.8em;font-weight:600;color:var(--clr-tertiary-light)}.backdrop{display:none}.backdrop.active{position:absolute;z-index:999;display:flex;height:85vh;width:100%;background-color:var(--clr-backdrop);overflow:hidden}@media (max-width:700px){.burger{display:flex}}@media (min-width:700px){.burger{display:none}}.burger{position:relative;width:30px;height:30px;border-radius:10px;cursor:pointer;z-index:10;overflow:hidden}.burger span{position:absolute;top:12.5px;left:3px;height:4px;width:24px;background-color:var(--clr-secondary);transition:all .3s ease-in-out}.burger span:before{top:8px}.burger span:after,.burger span:before{content:"";position:absolute;left:0;height:4px;width:24px;background-color:var(--clr-secondary);transition:all .3s ease-in-out}.burger span:after{bottom:8px}.burger.active span{background-color:initial}.burger.active span:before{-webkit-transform-origin:1px;transform-origin:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.burger.active span:after{-webkit-transform-origin:0;transform-origin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:700px){.dropdown-menu-wrapper{display:block}}@media (min-width:700px){.dropdown-menu-wrapper{display:none}}.dropdown-menu-wrapper{overflow:hidden;position:relative;width:100%;max-height:0;z-index:0;transition:max-height .3s ease-out}.dropdown-menu-wrapper.active{max-height:50vh;overflow-x:hidden;overflow-y:scroll;transition:max-height .3s ease-in}.dropdown-menu{margin-top:0;padding:0;list-style:none;overflow:hidden;background-color:var(--clr-background)}.dropdown-menu li{padding:30px 0}.dropdown-menu li a{display:flex;justify-content:center;text-align:center;text-decoration:none;font-size:1.5rem;font-weight:500;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:initial;transition:all .2s ease-in-out;position:relative}.dropdown-menu li a,.dropdown-menu li a:focus,.dropdown-menu li a:hover{color:var(--clr-white)}.dropdown-menu li a:focus:active,.dropdown-menu li a:hover:active{transition:0s;color:var(--clr-secondary)}.dropdown-menu li a:after{content:"";position:absolute;bottom:-2px;background-color:initial;height:2px;width:3px}.dropdown-menu li a:focus:after,.dropdown-menu li a:hover:after{content:"";position:absolute;bottom:-2px;background-color:var(--clr-white);height:2px;width:92%;transition:.3s ease-in-out}.dropdown-menu li a:focus:active:after,.dropdown-menu li a:hover:active:after{transition:0s;background-color:var(--clr-secondary)}body,html{margin:0;height:100%;background-color:#221f28;background-color:var(--clr-background);box-sizing:initial}body{overflow-x:hidden}h2{font-size:2rem;font-weight:500;color:#b2b7dd;color:var(--clr-secondary)}h3{font-size:1.5rem}.header,h3{color:#fff;color:var(--clr-white)}.header{font-size:2.5em}.App{overflow-x:hidden}@media only screen and (min-width:1000px){.container{margin-left:15%;margin-right:15%}.nav-link{display:inline}}@media only screen and (max-width:1000px){.container{margin-left:5%;margin-right:5%}.nav-link{display:inline}}@media only screen and (max-width:700px){.container{margin-left:0;margin-right:0}.nav-link{display:none}}@font-face{font-family:"Beauty";src:url(/Portfolio/static/media/Beauty.17efd45a.ttf) format("truetype")}@font-face{font-family:"Lemon";src:url(/Portfolio/static/media/Lemon.2bf6b527.ttf) format("truetype")}:root{--clr-primary:#6f66dc;--clr-primary-light:#9d8bd5;--clr-secondary:#b2b7dd;--clr-tertiary:#384857;--clr-tertiary-light:#54616e;--clr-tertiary-disabled:rgba(84,97,110,0.5490196078431373);--clr-white:#fff;--clr-background:#221f28;--clr-alert:red;--clr-success-background:#61a858;--clr-success-border:#7dc474;--clr-failure-background:#8f2a2a;--clr-failure-border:#af4141;--clr-backdrop:rgba(0,0,0,0.6313725490196078)}.non-scrollable{overflow:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;list-style:none;background-color:initial;height:56px;padding:0 5%;z-index:999}.nav-logo{margin-right:auto;font:2.5em "Lemon";line-height:.6em}.nav-link,.nav-logo{color:#fff;color:var(--clr-white);text-decoration:none}.nav-link{margin:0 15px;font-size:1em;font-weight:500;position:relative;overflow-x:hidden}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;right:50%;background-color:initial;height:2px;width:3px}.nav-link:focus,.nav-link:hover{color:#fff;color:var(--clr-white)}.nav-link:focus:after,.nav-link:hover:after{content:"";position:absolute;bottom:-2px;left:5%;right:0;background-color:#fff;background-color:var(--clr-white);height:2px;width:92%;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:ease-in-out .3s;-o-transition:ease-in-out .3s;-khtml-transition:ease-in-out .3s}.nav-link.active,.nav-link.active:hover{color:#b2b7dd;color:var(--clr-secondary)}.nav-link.active:hover{cursor:default}.nav-link.active:after{position:absolute;bottom:-2px;left:5%;right:0;height:2px;width:92%}.nav-link.active:after,.nav-link.active:hover:after{content:"";background-color:#b2b7dd;background-color:var(--clr-secondary)}.primary-btn{font-size:.8em;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;color:#fff;color:var(--clr-white);border:3px solid #6f66dc;border:3px solid var(--clr-primary);background-color:initial;border-radius:.25em;box-shadow:inset 0 0 .3em 0 #6f66dc,0 0 .3em 0 #6f66dc;box-shadow:inset 0 0 .3em 0 var(--clr-primary),0 0 .3em 0 var(--clr-primary);transition:all .5s;padding:.5em}.primary-btn:focus,.primary-btn:hover{background-color:#6f66dc;background-color:var(--clr-primary);color:#fff;color:var(--clr-white)}.secondary-btn{font-size:.8em;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;border-radius:.25em;background-color:initial;border:3px solid #384857;border:3px solid var(--clr-tertiary);color:#fff;color:var(--clr-white);transition:all .5s;padding:.5em}.secondary-btn:focus,.secondary-btn:hover{background-color:#384857;background-color:var(--clr-tertiary)}.secondary-btn.disabled{cursor:default}.secondary-btn.disabled,.secondary-btn.disabled:focus,.secondary-btn.disabled:hover{background-color:initial;border:3px solid rgba(84,97,110,.5490196078431373);border:3px solid var(--clr-tertiary-disabled);color:rgba(84,97,110,.5490196078431373);color:var(--clr-tertiary-disabled)}.unselectable{-webkit-user-select:none;user-select:none}.default-cursor{cursor:default}.d-inline-flex{display:inline-flex}.d-flex{display:flex}.d-block{display:block}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-jc-center{justify-content:center}.flex-jc-space-between{justify-content:space-between}.mt-25{margin-top:25px}.mt-10{margin-top:10px}.mt-5{margin-top:5px}.mt-12-5p{margin-top:12.5%}.mt-10p{margin-top:10%}.mt-5p{margin-top:5%}.mt-0{margin-top:0}.mt-auto{margin-top:auto}.mb-25{margin-bottom:25px}.mb-15{margin-bottom:15px}.mb-10{margin-bottom:10px}.mb-5{margin-bottom:5px}.mb-12-5p{margin-bottom:12.5%}.mb-5p,.mb-10p{margin-bottom:10%}.mb-0{margin-bottom:0}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-10p{margin-right:10%}.mr-5p{margin-right:5%}.mr-auto{margin-right:auto}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-25p{margin-left:33%}.ml-5p{margin-left:5%}.ml-10p{margin-left:10%}.ml-2-5p{margin-left:2.5%}.ml-auto{margin-left:auto}.m-0{margin:0}.p-20{padding:20px}.p-15{padding:15px}.p-10{padding:10px}.p-0{padding:0}.pt-5p{padding-top:5%}.h-100{height:100%}.h-75{height:75%}.h-25{height:25%}.w-auto{width:auto}.w-80{width:80%}.w-65{width:65%}.w-50{width:50%}.w-33{width:33%}.w-25{width:25%}.w-fc{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.center{display:flex;justify-self:center;margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.list-none{list-style:none}.color-white{color:#fff;color:var(--clr-white)}.bg-white{background-color:#fff;background-color:var(--clr-white)}@keyframes slide-in-left{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-200%);transform:translateX(-200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{-webkit-transform:translateX(200%);transform:translateX(200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(200%);transform:translateX(200%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fall-in{0%{-webkit-transform:translateY(-75%);transform:translateY(-75%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fall-in{0%{-webkit-transform:translateY(-75%);transform:translateY(-75%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rise-in{0%{-webkit-transform:translateY(400%);transform:translateY(400%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rise-in{0%{-webkit-transform:translateY(400%);transform:translateY(400%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.9447483d.chunk.css.map */