:root{--primary-color:#fff;--secondary-color:#4292cccb;--tertiary-color:#90708c}*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding-top:0}#root,.App{width:100%}body{background-color:#4292cccb;background-color:var(--secondary-color);z-index:9999}.flex-row{border-bottom:3px solid #90708c;border-bottom:3px solid var(--tertiary-color);display:flex;padding-bottom:60px}header{background-attachment:fixed;background-image:url(/react-portfolio/static/media/open-road-resized.da50d1daa181974a4ac9.jpg);background-position:80%;background-size:cover;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 35px;position:relative;width:100%;z-index:9999}header h1{background-color:#4292cccb;background-color:var(--secondary-color);border-radius:25px;color:#fff;color:var(--primary-color);cursor:auto;padding:11px 10px;text-shadow:0 0 10px #90708c;transition:1s;z-index:9999}header h1:hover{background-color:#fff;background-color:var(--primary-color);color:#4292cccb;color:var(--secondary-color);transition:1s}header a{color:#fff;color:var(--primary-color);padding:0 30px;text-decoration:none}header nav ul li{background-color:#4292cccb;background-color:var(--secondary-color);border-left:10px;border-radius:25px;margin:0 10px;transition:1s}header nav ul li:hover{background-color:#fff;background-color:var(--primary-color);transition:1s}header nav ul li a:hover{color:#4292cccb;color:var(--secondary-color);transition:.5s}header h1 a{color:#fff;color:var(--primary-color);font-size:36px;font-weight:700;text-decoration:none}header nav{padding-top:10px;z-index:9999}header nav ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:10px;z-index:9999}header nav ul li a{font-weight:lighter;margin:0;padding:0 20px;text-shadow:0 0 10px rgba(245,3,3,.507);transition:1s;z-index:9999}.active{background-color:#fff;background-color:var(--primary-color);border-radius:25px;color:#4292cccb;color:var(--secondary-color);transition:.5s}header div{background-position:80%;left:0;position:absolute;right:0;z-index:9998}.secondary-background{background-attachment:fixed;background-image:url(/react-portfolio/static/media/mountains-resized.9896ff0fcbbec2116507.jpg);background-position:50%;background-size:cover;border-radius:25px;content:"";display:flex;margin-left:35px;margin-right:35px;opacity:.6;padding:30px 30px 35px;z-index:9998}.hero-flex{align-items:flex-start;display:flex}.hero,.hero-flex{justify-content:center;padding-bottom:5%;width:100%}.hero{background-attachment:fixed;background-image:url(/react-portfolio/static/media/open-road-resized.da50d1daa181974a4ac9.jpg);background-position:80%;background-size:cover;-webkit-clip-path:polygon(0 0,100% 0,100% 0,100% 90%,50% 100%,0 90%);clip-path:polygon(0 0,100% 0,100% 0,100% 90%,50% 100%,0 90%);height:10%;margin:0;position:relative}.hero-title{align-items:center;background-color:#4292cccb;background-color:var(--secondary-color);border-color:#fff;border-color:var(--primary-color);border-radius:15px;border-style:solid;border-width:3px;box-shadow:0 0 20px 10px #ffffff80;color:#fff;color:var(--primary-color);cursor:crosshair;display:flex;flex-direction:column;flex-wrap:wrap;height:30%;justify-content:center;margin:10% 20%;opacity:.9;padding:0 0 50px;z-index:1}.hero-title h3{font-size:15px;padding-left:5px;padding-right:5px;padding-top:30px;text-align:center;width:100%}#canvas-div{display:flex;height:100%;justify-content:center;position:relative;width:100%}#defaultCanvas0{border-radius:20px;border-top-left-radius:0;border-top-right-radius:0;cursor:crosshair;opacity:.5;position:absolute;top:0;z-index:-1}.about-me{padding:30px 5% 100px;text-align:center;width:100%}.about-me-header{font-size:3vw}.about-me-flex-row{border-bottom:5px groove #4292cccb;border-bottom:5px groove var(--secondary-color);display:flex;justify-content:center;padding-bottom:60px}.about-me-flex-row h2{font-size:2.5vw}.border-bottom{border-bottom:5px groove #4292cccb;border-bottom:5px groove var(--secondary-color);border-radius:5px}.about-p{font-size:4vw;margin:20px 0}.about-me h2{background-color:#90708c;background-color:var(--tertiary-color);border-bottom-left-radius:25px;border-top-left-radius:25px;box-shadow:5px 4px 5px #000;color:#fff;color:var(--primary-color);font-size:2vw;margin-right:0;padding:30px;text-align:right;text-shadow:0 0 10px #000}.about-me img{border-bottom-right-radius:25px;border-top-right-radius:25px;box-shadow:1px 4px 5px #000;height:200px;margin-right:60px;object-fit:cover;width:200px}.about-p{color:#fff;font-size:2vw}.project-flex-column{display:flex;flex-direction:column;justify-content:center;margin-top:30px;text-align:center}.work-img{box-shadow:0 0 5px #215894;height:10%;width:100%}.card-title{border-radius:25px;box-shadow:0 0 10px #000;color:#fff;display:flex;flex-direction:column;margin:0 10%}.card-description{background-color:#90708c;background-color:var(--tertiary-color);border-bottom-left-radius:25px;border-bottom-right-radius:25px;box-shadow:0 5px 10px #000;color:#fff;margin:0 10%;padding-left:10px;padding-right:10px;text-align:center}.project-description{margin-bottom:10px;padding-top:10px}.border-bottom2{border-bottom:10px groove #4292cccb;border-bottom:10px groove var(--secondary-color);border-radius:5px}.tech-used{margin-top:10px;text-align:center}.project-badge{margin:5px 5px 0}.project-button-container{margin-bottom:20px;padding-bottom:20px;text-align:center}.project-btn{background-color:#4292cccb;background-color:var(--secondary-color);border-radius:10px;box-shadow:5px 5px 10px #000;color:#fff;color:var(--primary-color);cursor:pointer;margin-top:10px;padding:10px;transition:1s}.project-btn:hover{background-color:#fff;background-color:var(--primary-color);color:#5e00f5;transition:1s}.github-icon{margin-left:5px;margin-right:5px}.card-header{background-color:#90708c;background-color:var(--tertiary-color);border-top-left-radius:25px;border-top-right-radius:25px}.contact-container{margin-bottom:5%;margin-top:30px}.form-button-container{margin-bottom:20px;padding-bottom:20px;text-align:center}.form-btn{background-color:#4292cccb;background-color:var(--secondary-color);border-radius:10px;box-shadow:5px 5px 10px #000;color:#fff;color:var(--primary-color);cursor:pointer;margin-top:10px;padding:10px;transition:1s}.form-btn:hover{background-color:#fff;background-color:var(--primary-color);color:#5e00f5;transition:1s}.form-card{color:#fff;margin:0 20%;text-align:center}.form-card,.form-name{display:flex;flex-direction:column}.form-name{color:#000;justify-content:center}.form-name input{border:3px #4292cccb;border:3px var(--secondary-color);border-radius:10px;box-shadow:5px 5px 5px #000;height:50px;margin-bottom:10px}.form-email{color:#000;display:flex;flex-direction:column}.form-email input{border:3px #4292cccb;border:3px var(--secondary-color);border-radius:10px;box-shadow:5px 5px 5px #000;height:50px;margin-bottom:10px}.form-message{color:#000;display:flex;flex-direction:column}.form-textarea{border:3px #4292cccb;border:3px var(--secondary-color);border-radius:10px;box-shadow:5px 5px 5px #000;height:100px;margin-bottom:10px;resize:none}.form-error{color:#000}.form-success{color:green}.footer{width:100%}.footer,.footer-button-container{display:flex;justify-content:center;text-align:center}.footer-button-container{margin-bottom:20px;padding-bottom:20px}.footer-btn{background-color:#44d363;border-radius:10px;box-shadow:5px 5px 10px #000;color:#fff;color:var(--primary-color);cursor:pointer;display:flex;flex-direction:column;font-size:2vw;justify-content:center;margin:10px;padding:15px;transition:1s}.footer-icon-style{margin-bottom:3px}.footer-btn:hover{background-color:#fff;background-color:var(--primary-color);color:#5e00f5;transition:1s}@media screen and (max-width:1024px){header{justify-content:center;position:relative}.hero{width:100%}.flex-row{flex-wrap:wrap;justify-content:center;position:relative}.me-picture{height:250px!important;width:300px!important}.about-me img{margin-right:0}.border-right{display:none;opacity:0}.about-p{font-size:3vw}}@media screen and (max-width:800px){header nav ul li{padding-bottom:5px;padding-top:5px}header nav ul li a{padding:15px}.hero-title{margin-left:5%;margin-right:5%}#canvas-div{display:flex;height:100%;justify-content:center;position:relative;width:100%}.me-picture{height:250px!important;width:300px!important}.about-me h2{font-size:3vw}}@media screen and (max-width:575px){header{flex-direction:column;padding-left:0;padding-right:0;text-align:center}header,header nav ul{flex-wrap:nowrap!important;justify-content:center}header nav ul li{font-size:3vw!important;padding-bottom:5px;padding-top:5px}header nav ul li a{padding:15px}.secondary-background{opacity:0}.hero-title{margin-left:5%;margin-right:5%}.hero-flex{padding-bottom:20%}.me-picture{height:150px!important;width:160px!important}}@media screen and (max-width:414px){header nav ul li{font-size:3vw;margin:0}.about-me h2{font-size:3vw;padding:15px}}@media screen and (max-width:375px){header nav ul li{font-size:3vw}header nav ul{justify-content:center}.flex-row{flex-wrap:nowrap!important}.me-picture{height:80px;width:100px}.about-me h2{font-size:3.5vw}}@media screen and (max-width:330px){header nav ul{flex-wrap:nowrap!important;justify-content:center!important}header nav ul li{font-size:2.3vw!important;padding-bottom:5px;padding-top:5px}.hero-title{margin-left:5%;margin-right:5%}.me-picture{height:150px!important;width:160px!important}.footer-btn{margin:5px}}@media screen and (max-width:290px){header nav ul li{font-size:2.4vw!important}}
/*# sourceMappingURL=main.f49de6ae.css.map*/