@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap);:root{--white:#fff;--orange:#f9ab00;--dark:#343a40;--red:#ef4035;--hover-red:#f33501;--light-grey:#f4f4f4;--grey:#ccd1d9;--dark-grey:#666;--black:#000;--green:green;--transparent-black:rgba(0,0,0,0.7)}body{font-family:"Roboto",sans-serif!important};.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{z-index:2}nav a.nav-link{letter-spacing:.0375;cursor:pointer}nav ul li{text-transform:uppercase}.navbar-nav>li>a{margin-right:.75rem;margin-left:.75rem;color:#fff!important;color:var(--white)!important;border-top:.1875rem solid #343a40;border-top:.1875rem solid var(--dark)}.navbar-nav>li>a.active,.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{border-top:.1875rem solid #f9ab00;border-top:.1875rem solid var(--orange)}.header-wrapper{position:relative;background:url(/Portfolio/static/media/laptop.0d09656b.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!important;z-index:1}.main-info h1{color:#f9ab00;color:var(--orange);text-transform:uppercase}.typed-text{font-size:2rem}.offer-button,.typed-text{color:#fff;color:var(--white)}.offer-button{border:1px solid #ef4035;border:1px solid var(--red);text-transform:uppercase;border-radius:0;padding:.625rem 0,75rem 0,75rem;margin:2rem}.offer-button:hover{text-decoration:none;background-color:#f33501;background-color:var(--hover-red);color:#fff;color:var(--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}.typed-text{font-size:1.3rem!important}}.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(--orange)}.about-heading{color:#f9ab00;color:var(--orange);text-transform:uppercase;text-align:center}@media(max-width:468px){.profile-img{width:10rem}}.services{text-align:center;padding-bottom:2rem;background:#f4f4f4;background:var(--light-grey)}.services h1{color:#343a40;color:var(--dark);text-transform:uppercase}.services .circle{position:relative;margin:.375rem auto;background:#f9ab00;background:var(--orange);border-radius:50%;width:3.125rem;height:3.125rem}.services .icon{font-size:1.8rem;color:#fff;color:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.services .box{height:16rem;border-bottom:.3125rem solid #f9ab00;border-bottom:.3125rem solid var(--orange);padding:.625rem;margin-bottom:1.875rem;background:#fff;background:var(--white);transition:.3s ease-in-out}.services .box:hover{background:#f9ab00;background:var(--orange);border-bottom:.3125rem solid #343a40;border-bottom:.3125rem solid var(--dark)}.services .box:hover .icon{color:#343a40;color:var(--dark)}.services .box:hover .circle{background:#fff;background:var(--white)}.experience-wrapper{position:relative;padding:3.125rem 0;overflow:hidden}.experience h1{text-transform:uppercase;color:#f9ab00;color:var(--orange)}.experience-wrapper:before{position:absolute;content:"";top:0;left:50%;margin-left:-.0625rem;width:.125rem;height:100%;background:#ccd1d9;background:var(--grey);z-index:1}.timeline-block{width:calc(50% + .5rem);display:flex;justify-content:space-between;clear:both}.timeline-block-right{float:right}.timeline-block-left{float:left;direction:rtl}.marker{width:1rem;height:1rem;border-radius:50%;border:.3125rem solid #343a40;border:.3125rem solid var(--dark);background:#f9ab00;background:var(--orange);margin-top:.625rem;z-index:3}.timeline-content{width:95%;padding:0 .9375rem;color:#666;color:var(--dark-grey);direction:ltr}.timeline-content h3{margin-top:.3125rem;color:#ef4035;color:var(--red);font-weight:900}@media(max-width:768px){.experience .container{padding-left:0}.experience-wrapper:before{left:.5rem;margin-bottom:1.875rem}.timeline-block-left,.timeline-block-right{float:none;width:100%}.timeline-block-left{direction:ltr}}.portfolio-wrapper{background:#f4f4f4;background:var(--light-grey);padding:3rem 0}.portfolio-image{width:15rem;padding:0 .5rem;border:1px solid #f9ab00;border:1px solid var(--orange)}.portfolio-image-box{position:relative;margin:1rem}.overflow{position:absolute;opacity:0;background:#000;background:var(--black);width:15rem;height:9rem;top:0;border:1px solid #ef4035;border:1px solid var(--red);cursor:pointer}.portfolio-image-box:hover .overflow{opacity:1%;transition:.3s ease-in-out}.portfolio-icon{opacity:0;position:absolute;color:#f9ab00;color:var(--orange);margin-left:-8rem;margin-top:3.6rem;font-size:1.5rem}.portfolio-image-box:hover .portfolio-icon{opacity:1%;transition:.3s ease-in-out}.portfolio-image-popupbox{width:45rem;padding:0 .5rem}.hyper-link{cursor:pointer;color:#f9ab00;color:var(--orange)}.hyper-link:hover{color:#ef4035;color:var(--red);transition:.5s ease-in-out}@media(max-width:768px){.portfolio-image-popupbox{width:100%}}@media(max-height:570px){.popupbox-wrapper{height:100%}.portfolio-image-popupbox{width:50%}}@media(max-height:280px){.popupbox-wrapper{height:90%}.portfolio-image-popupbox{width:20%}}.testimonials{background-image:url(/Portfolio/static/media/unity.8053d44c.jpeg);background-size:cover;background-color:#000;background-color:var(--black);text-align:center;padding-bottom:4rem;margin-bottom:0;width:100%}.testimonials h1{color:#fff;color:var(--white);padding:3rem 0;text-transform:uppercase}.testimonials-content{text-align:center;max-width:53.125rem;margin:0 auto 2rem;background:rgba(0,0,0,.7);background:var(--transparent-black)}.myCarousel{color:#fff;color:var(--white);background:transparent;margin-top:-6%;width:54%;margin-left:auto;margin-right:auto;padding:6% 5% 8%;height:20rem}.myCarousel h3{color:#f9ab00;color:var(--orange)}.carousel .slide img{width:10rem!important;border-radius:20%}.carousel .slide{background:transparent!important;height:100%!important;padding-top:2rem}.carousel-root{margin:3% auto auto!important}.contacts{background:#343a40;background:var(--dark);padding:3rem 0}.contacts h1{color:#f9ab00;color:var(--orange);padding:1.3rem 0;text-transform:uppercase}.contacts p{color:#f4f4f4;color:var(--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(--dark-grey);border-radius:0;color:#ccd1d9;color:var(--grey);outline:0!important;box-shadow:none!important;margin-bottom:1rem;padding-left:0}.contacts.container{padding:4rem 0}.contacts input:focus,.contacts textarea:focus{background:transparent;color:#f9ab00;color:var(--orange);border-bottom:.125rem solid #666;border-bottom:.125rem solid var(--dark-grey)}.contacts button{margin:1rem 0 0;width:100%}.contacts textarea{height:12.3rem!important}.line{position:relative;top:-.8rem;width:0;height:.125rem;background:#f9ab00;background:var(--orange);display:inline-block}input:focus+.line,textarea:focus+.line{width:100%;transition:.5s ease-in-out}input.form-control,textarea.form-control{margin:-.3rem 0}.error-message{color:#fff;color:var(--white);background:#f33501;background:var(--hover-red);text-align:left}.success-message{font-weight:900;color:green;color:var(--green)}@media(max-width:768px){.contacts{overflow-x:hidden}.contacts .container{padding:0 1rem}.contacts p{padding:0 .4rem}}.footer{background:#000;background:var(--black);padding:3rem}.footer,.footer a{color:#666;color:var(--dark-grey)}.footer a,.footer a:hover{text-decoration:none}.footer a:hover{color:#f9ab00;color:var(--orange);cursor:pointer}.footer p{margin-bottom:0}
/*# sourceMappingURL=main.be0fc84e.chunk.css.map */