@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap);.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}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}:root{--primary-white:#fff;--primary-light-grey:#f4f4f4;--primary-grey:#ccd1d9;--primary-dark-grey:#666;--primary-orange:#f9ab00;--primary-dark:#343a40;--primary-red:#ef4035;--primary-hover-red:#f33501;--primary-black:#000;--primary-green:green;--primary-transparent-black:rgba(0,0,0,0.7)}body{font-family:"Roboto Condensed","sans-serif"!important}nav{z-index:2}.logo{width:16.25rem}nav a.nav-link{font-size:.8rem;letter-spacing:.0375rem;cursor:pointer}nav ul li{text-transform:uppercase}.navbar-nav>li>a{margin-right:.75rem;margin-left:.75rem;color:#fff!important;color:var(--primary-white)!important;border-top:.1875rem solid #343a40;border-top:.1875rem solid var(--primary-dark)}.navbar-brand{max-width:17.25rem;padding:0!important;height:6rem!important}@media(max-width:768){.navbar-brand{width:7rem}}.navbar-nav>li>a.active,.navbar-nav>li>a.active:focus,.navbar-nav>li>a:hover{border-top:.1875rem solid #f9ab00;border-top:.1875rem solid var(--primary-orange)}.header-wrapper{position:relative;background:url(/static/media/background-image.447db387.jpg) no-repeat;background-size:cover;background-position:50%;height:90vh}.main-info{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:"Roboto Condensed",sans-serif;z-index:1}.main-info h1{color:#f9ab00;color:var(--primary-orange);text-transform:uppercase}.typed-text{font-size:2rem;color:#fff;color:var(--primary-white)}@media(max-width:768){.main-info h1{font-size:1.7rem!important}.typed-text{font-size:1.3rem!important}}.btn-main-offer{border:1px solid #ef4035;border:1px solid var(--primary-red);text-transform:uppercase;border-radius:0;padding:.625rem .75rem,.75rem,.75rem;color:#fff;color:var(--primary-white);margin:2rem}.btn-main-offer:hover{text-decoration:none;background-color:#ef4035;background-color:var(--primary-red);color:#fff;color:var(--primary-white);transition:.2s ease-in-out}.tsparticles-canvas-el{position:absolute;height:100vh;width:100vw;z-index:1}@media(max-width:768px){.particles-canvas{display:none}}.photo-wrap{display:flex;justify-content:center;align-items:center}.profile-img{width:16rem;border-radius:50%;padding:.3rem;border:1px solid #f9ab00;border:1px solid var(--primary-orange)}.about-heading{color:#f9ab00;color:var(--primary-orange);-webkit-transform:uppercase;transform:uppercase}@media(max-width:468px){.profile-img{width:10rem}}.portfolio-wrapper{background:#f4f4f4;background:var(--primary-light-grey);padding:3rem 0}.portfolio-wrapper h1{color:#f9ab00;color:var(--primary-orange)}.portfolio-image{width:15rem;border:1px solid #f9ab00;border:1px solid var(--primary-orange);padding:0 .5rem}.portfolio-image-box{position:relative;margin:1rem}.overflow{position:absolute;opacity:0;background:#000;background:var(--primary-black);width:15rem;height:8rem;top:0;border:1px solid #ef4035;border:1px solid var(--primary-red);cursor:pointer}.portfolio-image-box:hover .overflow{opacity:1%;transition:.3s ease-in-out}.portfolio-icon{position:absolute;opacity:1;margin-left:-8rem;margin-top:3.6rem;color:#f9ab00;color:var(--primary-orange);font-size:1.5rem}.portfolio-image-box:hover .portfolio-icon{opacity:1%;transition:.3s ease-in-out;cursor:pointer}.portfolio-image-popupbox{width:45rem;padding:0 .5rem}.hyper-link{cursor:pointer;color:#f9ab00;color:var(--primary-orange)}.hyper-link:hover{color:#ef4035;color:var(--primary-red)}@media(max-width:768px){.portfolio-image-popupbox{width:100%}}@media(max-height:570px){.popupbox-wrapper{height:100%!important}.portfolio-image-popupbox{width:60%}}@media(max-height:280px){.popupbox-wrapper{height:90%!important}.portfolio-image-popupbox{width:30%}}.contacts{background-color:#343a40;background-color:var(--primary-dark);padding:3rem 0}.contacts h1{color:#f9ab00;color:var(--primary-orange);padding:1.3rem 0;text-transform:uppercase}.contacts p{color:#f4f4f4;color:var(--primary-light-grey);font-size:1.2rem}.contacts input,.contacts textarea{width:100%;box-sizing:border-box;background:none;resize:none;border:0;border-bottom:.125rem solid #666;border-bottom:.125rem solid var(--primary-dark-grey);border-radius:0;color:#f9ab00;color:var(--primary-orange);outline:0!important;box-shadow:none!important;top:0;margin-bottom:1rem;padding-left:0!important}.contacts .container{padding:4rem 0}.contacts input:focus,.contacts textarea:focus{background:transparent;color:#f9ab00;color:var(--primary-orange);border-bottom:.125rem solid #666;border-bottom:.125rem solid var(--primary-dark-grey)}.contacts textarea{height:12.2rem!important}.contact-btn{margin:1rem 0 0;width:100%;background:none}.line{position:relative;top:-.8rem;width:0;height:.125rem;background:#f9ab00;background:var(--primary-orange);display:inline-block}input:focus+.line textarea:focus+.line{width:100%;transition:width .5s ease-in-out}input.form-control,textarea.form-control{margin:-.3rem 0}.error-message{color:#fff;color:var(--primary-white);background:#f33501;background:var(--primary-hover-red);text-align:left}.success-message{font-weight:900;color:green;color:var(--primary-green)}@media(max-width:768px){.contacts{overflow-x:hidden}.contacts .container{padding:0 1rem}.contacts p{padding:0 .4rem}}.footer{background:#000;background:var(--primary-black);padding:3rem}.footer,.footer a{color:#666;color:var(--primary-dark-grey)}.foot a:hover,.footer a{text-decoration:none}.foot a:hover{color:#f9ab00;color:var(--primary-orange);cursor:pointer}.footer p{margin-bottom:0}
/*# sourceMappingURL=main.4b32e036.chunk.css.map */