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}*{margin:0;padding:0}:root{--primary-dark:#5a5b59;--primary-white:#f8f7f3;--primary-orange:#fc8b03;--primary-bisque:bisque;--primary-darkblue:#394d4c;--primary-grey:#363430;--primary-red:#c70039;--primary-lightgrey:#e4e6e6;--primary-lightorange:#fdedd7}html{scroll-behavior:smooth}body{height:100vh;width:100vw}.App{overflow:hidden}nav{background-color:#5a5b59;background-color:var(--primary-dark);display:flex;justify-content:space-between;min-height:10vh;position:fixed;width:100vw;z-index:3}.nav-logo{color:#fc8b03;color:var(--primary-orange);font-family:Anybody,cursive;font-size:2rem;font-weight:100;margin:auto 2rem}.nav-links{color:#f8f7f3;color:var(--primary-white);margin-left:auto;margin-top:2rem}.nav-hamburger{display:none}.nav-hamburger-btn{background-color:#5a5b59;background-color:var(--primary-dark);margin:1.5rem 1rem 1.5rem auto}.nav-hamburger-icon{min-height:2rem;min-width:2rem;padding:1rem 2rem}.nav-hamburger-icon,.nav-links a{color:#f8f7f3;color:var(--primary-white)}.nav-links a{font-size:1.2rem;font-weight:700;margin:1rem;padding-right:1rem;text-decoration:none}.nav-links a:link{color:#fc8b03;color:var(--primary-orange)}.nav-links a:visited{color:#f8f7f3;color:var(--primary-white)}.nav-links a:hover{color:#fc8b03;color:var(--primary-orange);transition:.2s ease-in-out}.nav-links a:active{color:#fc8b03!important;color:var(--primary-orange)!important}@media only screen and (max-width:600px){nav{width:100vw}.nav-logo{font-size:1.5rem;margin:1rem}.nav-links{display:none}.nav-hamburger{display:inline;font-size:2rem}}@media only screen and (min-width:600px){.nav-links{display:none}.nav-hamburger{display:inline;font-size:2rem;margin-right:1rem}}@media only screen and (min-width:768px){.nav-links{display:none}.nav-hamburger{display:inline;font-size:2rem;margin-right:1rem}}@media only screen and (min-width:992px){.nav-hamburger{display:none}.nav-links{display:inline}}.header-wrapper{background-color:#363430;background-color:var(--primary-grey);min-height:90vh;padding-top:10vh;position:relative;width:100vw}.header-main-info,.header-wrapper{align-items:center;display:flex;justify-content:center}.header-main-info{color:#f8f7f3;color:var(--primary-white);flex-direction:column;z-index:2}.header-main-info button{background-color:#c70039;background-color:var(--primary-red);border:1px solid #c70039;border:1px solid var(--primary-red);border-radius:5%;color:#f8f7f3;color:var(--primary-white);font-size:1.18rem;font-weight:700;min-height:3rem;width:10rem}.header-main-info button:hover{background-color:#f8f7f3;background-color:var(--primary-white);border:1px solid #f8f7f3;border:1px solid var(--primary-white);color:#c70039;color:var(--primary-red);cursor:pointer;transition:.15s ease-in-out}.header-title{color:#fc8b03;color:var(--primary-orange);font-family:Anybody,cursive;font-size:4rem;margin:1rem;text-align:center}.header-typed{font-size:3rem;margin:3rem;text-align:center}.header-background-image{height:90vh;position:absolute;width:100%}@media only screen and (max-width:600px){.header-title{font-size:3rem}.header-typed{font-size:1.8rem;margin:3rem 0}.header-background-image{display:none}.header-main-info button{font-size:1rem;width:8rem}}#tsparticles{height:90vh;position:absolute;width:100%;z-index:1}@media only screen and (max-width:600px){#tsparticles{display:none}}.about{min-height:45vh;width:100vw;z-index:2}.about-main{display:flex;justify-content:space-around}.about-main-image{border-radius:50%;margin:3rem}.about-image{border:.16rem solid #fc8b03;border:.16rem solid var(--primary-orange);border-radius:50%;padding:0;width:10rem}.about-main-info{font-family:Open Sans,sans-serif;width:30rem}.about-main-info h1{color:#fc8b03;color:var(--primary-orange);margin-bottom:1rem}.about-main-info ul{list-style-type:none}.about-main-info li{margin:.33rem}@media only screen and (max-width:600px){.about{margin:5rem 0 0;min-height:80vh;padding:0;scroll-margin-top:10rem}.about-main{flex-direction:column}.about-main-image{margin:1rem;text-align:center}.about-main-info{justify-content:center}.about-main-info h1{text-align:center;width:100vw}.about-main-info ul{font-size:.8rem;margin:0;padding:.25rem;text-align:center;width:23rem}.about-main-info li{margin-bottom:1rem}}@media only screen and (min-width:600px){.about{display:flex;justify-content:center;min-height:80vh;scroll-margin-top:50px}.about-main{align-content:space-around;display:flex;flex-direction:column;margin:4rem 0}.about-main-image{margin:1rem;text-align:center}.about-main-info h1{font-size:2.5rem;text-align:center}.about-main-info ul{display:flex;flex-direction:column;font-size:1.45rem;margin:0;padding:.25rem;text-align:center}.about-main-info li{margin-bottom:1rem}}@media only screen and (min-width:992px){.about-main{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:5rem;padding-top:2rem}.about-main-image{margin-right:15rem}}.portfolio-wrapper{background-color:#fc8b03;background-color:var(--primary-orange);min-height:45vh;padding-top:4vh;width:100%;z-index:2}.portfolio-wrapper h1{color:#363430;color:var(--primary-grey);font-family:Open Sans,sans-serif;font-size:2.5rem;padding:1rem;text-align:center}.portfolio-list{display:flex;flex-direction:column;justify-content:center;width:100vw}.portfolio-project{margin:1rem}.portfolio-project-title{color:#f8f7f3;color:var(--primary-white);font-family:Open Sans,sans-serif;margin-bottom:1rem;text-align:center}.portfolio-project a{color:var(--primary-black);text-decoration:none}.portfolio-project img{border:1px solid #fc8b03;border:1px solid var(--primary-orange);border-radius:1.666%;height:15rem;width:20rem}@media only screen and (max-width:600px){.portfolio-wrapper{display:flex;flex-direction:column;min-height:80vh;scroll-margin-top:6rem}.portfolio-wrapper h1{max-height:3rem;padding:0;width:100vw}.portfolio-list{text-align:center}.portfolio-project{margin:3rem 1rem}}@media only screen and (min-width:601px){.portfolio-list{justify-content:center;text-align:center}}@media only screen and (min-width:768px){.portfolio-wrapper{display:flex;flex-direction:column;scroll-margin-top:4rem}.portfolio-list{font-size:1.5rem;margin-bottom:4rem;text-align:center}.portfolio-project img{height:20rem;width:27rem}.portfolio-wrapper h1{font-size:3rem}}@media only screen and (min-width:992px){.portfolio-wrapper{display:flex;flex-direction:column}.portfolio-wrapper h1{font-size:2.5rem;padding-top:5rem}.portfolio-list{display:flex;flex-direction:row;margin-bottom:5rem}.portfolio-project img{height:15rem;width:20rem}}.contacts-wrapper{background-color:#5a5b59;background-color:var(--primary-dark);display:flex;min-height:45vh;width:100vw}.contacts-main{margin:2rem auto;text-align:center}.contacts-greeting{display:flex;flex-direction:column;margin-bottom:5rem}.contacts-greeting h2{color:#f8f7f3;color:var(--primary-white);font-family:Open Sans,sans-serif}.contacts-title{font-family:Open Sans,sans-serif;font-size:2.5rem;margin-bottom:1rem;text-align:center}.contact-icon,.contacts-title{color:#fc8b03;color:var(--primary-orange)}.contact-icon{font-size:3rem;margin:1rem}.contact-icon:hover{color:#f8f7f3;color:var(--primary-white);transition:.3s ease-in-out}@media only screen and (max-width:600px){.contacts-greeting{margin-bottom:2rem}.contacts-greeting h2{font-size:1.3rem}.contact-icon{font-size:2rem}}@media only screen and (min-width:768px){.contacts-title{font-size:3rem}.contacts-greeting h2{font-size:2rem}}.side-drawer{background:#363430;background:var(--primary-grey);box-shadow:0 2px 8px rgba(0,0,0,.26);width:70%;z-index:100}.backdrop,.side-drawer{height:100vh;left:0;position:fixed;top:0}.backdrop{background:rgba(0,0,0,.75);transition:.2s ease-in-out;width:100%;z-index:10}.navlinks-list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style-type:none;margin-top:10rem}.navlinks-list li{margin:1.25rem}.navlinks-list a{color:#fc8b03;color:var(--primary-orange);font-size:1.5rem;font-weight:700;text-decoration:none}@media only screen and (min-width:768px){.navlinks-list a{font-size:2rem}}
/*# sourceMappingURL=main.1daed409.css.map*/