@import url(https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,700i&display=swap);body{background:#2d2d2d;margin:0;font-family:Poppins,-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;display:flex;justify-content:center}:root{--primary-white:#fff;--primary-orange:#f9ab00;--primary-dark:hsla(0,0%,100%,0);--primary-blue:#1388e8;--primary-green:#156307;--primary-hover-green:#426116;--primary-black:#363636;--secondary-black:#4c4c4c;--primary-gray:#b8b8b8}body{font-family:Roboto Condensed,sans-serif!important;height:100%!important;margin:0!important;padding:0!important}body,nav{max-width:100%!important;overflow-x:hidden}nav{z-index:2}.navbar-style{left:0;right:0;position:fixed!important;top:0;padding:2em}.myLogo{width:7.25rem}@media only screen and (max-width:676px){.myLogo{width:5rem;padding-top:1rem}}nav Link.nav-link{letter-spacing:.0375rem;cursor:pointer}nav ul li{text-transform:uppercase}.navbar-nav>li>a{color:#fff!important;color:var(--primary-white)!important;margin-right:.75rem;margin-left:.75rem;border-top:.1875rem solid hsla(0,0%,100%,0);border-top:.1875rem solid var(--primary-dark)}.navbar-brand{max-width:17.25rem;padding:0!important;height:6rem!important;width:200px;float:center}@media (max-width:768px){.navbar-brand{width:7rem}}.navbar-nav>li>a.active,.navbar-nav>li>a.active:focus,.navbar-nav>li>a:hover{border-top:.1875rem solid #1388e8;border-top:.1875rem solid var(--primary-blue)}.header-wraper{position:relative;background:url(/static/media/background2.6f1dec00.jpg) no-repeat;background-size:cover;background-position:50%;height:90vh;max-width:100%!important;overflow-x:hidden}.main-info{z-index:1;font-family:Roboto Condensed,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0}.main-info h1{color:#1388e8;color:var(--primary-blue);text-transform:uppercase;font-family:Russo One,sans-serif}@media (max-width:768px){.main-info h1{font-size:1.5rem!important}}.typed-text{font-size:2rem;color:#1388e8;color:var(--primary-blue)}@media (max-width:768px){.main-info h1{font-size:1.7rem!important}.typed-text{font-size:1.3rem!important}}.btn-main-offer{border:1px solid #156307;border:1px solid var(--primary-green);text-transform:uppercase;border-radius:0;padding:.625rem .75rem .75rem;color:#000;margin:2rem}.btn-main-offer:hover{text-decoration:none;background-color:#426116;background-color:var(--primary-hover-green);color:#426116;color:var(--primary-hover-green);color:#fff;color:var(--primary-white)}@media (max-width:768px){.particles-canvas{display:none}}.about-me{color:#fff;color:var(--primary-white);background-color:#4c4c4c;background-color:var(--secondary-black);text-align:center;font-family:Roboto Condensed,sans-serif;padding-top:4rem;padding-bottom:4rem;max-width:100%!important;height:100%!important;margin:100px!important;padding:100px!important;overflow-x:hidden}.about-me a img{width:5rem;transition:all .3s ease;position:relative;width:4rem!important;height:5.12rem!important}.about-me a img:hover{width:6.8rem;height:6.6rem!important}.aboutMe-title{font-family:Russo One,sans-serif}.profile-picture{width:30rem;box-shadow:.125rem .125rem .125rem .125rem #23292e}@media (max-width:768px){.profile-picture{width:20rem}.about-me a img{width:20rem;height:2.2rem!important;transition:all .3s ease;position:relative}.about-me a img:hover{width:2.3rem;height:2.5rem!important}}@media (max-width:992px){.profile-picture{width:40rem}}@media (max-width:768px){.profile-picture{width:30rem}}@media (max-width:525px){.profile-picture{width:25rem}}@media (max-width:499px){.profile-picture{width:15rem}}@media (max-width:768px){.about-me-text{font-size:.85rem!important}}.skills-wraper{text-align:center;font-family:Roboto Condensed,sans-serif;margin-bottom:auto!important;background-color:#363636;background-color:var(--primary-black);color:#fff;color:var(--primary-white);max-width:100%!important;overflow-x:hidden}.skills-title{padding-top:4rem;padding-bottom:4rem;font-family:Russo One,sans-serif}.card-style{width:15rem!important;text-align:center!important;align-items:center!important}.timeline-wraper{background-color:#4c4c4c;background-color:var(--secondary-black);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Roboto Condensed,sans-serif;min-height:100vh;padding-top:4rem;max-width:100%!important}.experience-title{font-family:Russo One,sans-serif}.timeline-container{display:flex;flex-direction:column;position:relative;margin:2.5rem 0}.timeline-container:after{background-color:#1388e8;background-color:var(--primary-blue);content:"";position:absolute;left:calc(50% - .125rem);width:.25rem;height:100%}.timeline-item{background-color:#4c4c4c;background-color:var(--secondary-black);display:flex;justify-content:flex-end;padding-right:1.875rem;margin:.625rem;width:50%}.timeline-item:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-right:0;padding-left:1.875rem}.timeline-item-content{border-radius:.3125rem;box-shadow:0 0 .3125rem #363636;display:flex;flex-direction:column;align-items:flex-end;padding:1.2rem;text-align:right;position:relative}.timeline-item-content,.timeline-item-content:after{background-color:#b8b8b8;background-color:var(--primary-gray)}.timeline-item-content:after{content:"";box-shadow:.0625rem -.0625rem .0625rem #363636;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:-.46875rem;top:calc(50% - .46875rem);width:.9375rem;height:.9375rem}.timeline-item:nth-child(odd) .timeline-item-content{text-align:left;align-items:flex-start}.timeline-item:nth-child(odd) .timeline-item-content:after{right:auto;box-shadow:-.0625rem .0625rem .0625rem #363636;left:-.46875rem}.timeline-item-content .circle{content:"";background-color:#1388e8;background-color:var(--primary-blue);border:.1875rem solid #1388e8;border:.1875rem solid var(--primary-blue);border-radius:50%;position:absolute;top:calc(50% - .625rem);right:-1.9rem;width:1.25rem;height:1.25rem}.timeline-item:nth-child(odd) .timeline-item-content .circle{right:auto;left:-1.9rem}.timeline-wraper h1{color:#fff;color:var(--primary-white)}.timeline-item-content h4{color:#1388e8;color:var(--primary-blue);font-size:2rem}.timeline-item-content h3{color:#7c7c7c}.timeline-item-content .timeline-item-image{position:absolute;top:-.25rem;left:.3125rem}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-image{left:auto;right:.3125rem}@media only screen and (max-width:767px){.timeline-item-content,.timeline-item:nth-child(odd) .timeline-item-content{padding:15px 10px;text-align:center;align-items:center}.timeline-item-content .timeline-item-image{top:-.25rem;left:7.5rem}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-image{left:auto;right:7.5rem}.timeline-item-content h3{font-size:1.4rem}.timeline-item-content h4{font-size:1.2rem}.timeline-item-content p{font-size:.8rem}}@media only screen and (max-width:676px){.timeline-item-content .timeline-item-image{top:-.25rem;left:7rem}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-image{left:auto;right:7rem}}@media only screen and (max-width:650px){.timeline-item-content .timeline-item-image{top:-.25rem;left:6.5rem}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-image{left:auto;right:6.5rem}}@media only screen and (max-width:650px){.timeline-item-content .timeline-item-image{top:-.25rem;left:4.4rem}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-image{left:auto;right:4.4rem}}@media only screen and (max-width:499px){.timeline-item-content .timeline-item-image{top:-.25rem;left:2.2rem}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-image{left:auto;right:2.2rem}.timeline-item-content .circle{right:-1.9rem;height:1.25rem}.timeline-item:nth-child(odd) .timeline-item-content .circle{right:auto;left:-1.9rem}}@media only screen and (max-width:320px){.timeline-item{width:53%}.timeline-item-content:after,.timeline-item:nth-child(odd) .timeline-item-content:after{box-shadow:.0625rem -.0625rem .0625rem #b8b8b8;box-shadow:.0625rem -.0625rem .0625rem var(--primary-gray)}.timeline-item-content .timeline-item-image{top:-.25rem;left:1.6rem}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-image{left:auto;right:1.6rem}.timeline-item-content .circle{right:-1.3rem;height:1.25rem}.timeline-item-content .circle,.timeline-item:nth-child(odd) .timeline-item-content .circle{background-color:#b8b8b8;background-color:var(--primary-gray);border:.1875rem solid #b8b8b8;border:.1875rem solid var(--primary-gray)}.timeline-item:nth-child(odd) .timeline-item-content .circle{right:auto;left:-1.3rem}.timeline-container:after{background-color:#b8b8b8;background-color:var(--primary-gray)}}.portfolio-wraper{font-family:Roboto Condensed,sans-serif;background-color:#363636;background-color:var(--primary-black);color:#fff;color:var(--primary-white);text-align:center;padding-top:10rem;padding-bottom:40rem;max-width:100%!important;height:150%!important;width:100%!important;margin:75px!important;padding:5075!important;overflow-x:hidden}.portfolio-title{font-family:Russo One,sans-serif}.card-container{color:#fff;color:var(--primary-white);display:flex;justify-content:center;align-items:center}.card-p{color:#afabab!important}.img-thumbnail{width:2.125rem}.contact-wraper{margin:50px!important;padding:50px!important;background-color:#1e61a0;text-align:center;height:100%!important;width:50%!important;overflow-x:hidden}.contact-title{font-family:Russo One,sans-serif}@media (max-width:499px){.contact-info p{font-size:1.8rem!important}}.social-container{padding-top:4rem;padding-bottom:4rem}.social-container h1{font-family:Russo One,sans-serif;font-size:2rem;padding-bottom:2rem}.social-container img{width:3.5rem;transition:all .3s ease;position:relative}.social-container img:hover{width:4rem}.footer{padding-top:2rem;padding-bottom:2rem;max-width:100%!important;overflow-x:hidden}.react-footer{text-align:center}.react-footer h3{font-size:1.2rem!important}.react-footer img{transition:all .3s ease;position:relative}.react-footer img:hover{width:2rem}html body{padding:0;margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.hero{visibility:hidden;height:100vh}.hero .container{width:1440px;min-width:1440px;margin:0 auto}.hero .container .hero-inner{display:flex;align-items:center;justify-content:space-between;margin:0 24px;height:100vh}.hero .container .hero-inner .hero-content{width:50%}.hero .container .hero-inner .hero-content .hero-content-inner{width:400px;color:#323232;margin:0 auto}.hero .container .hero-inner .hero-content .hero-content-inner h1{font-weight:500;font-size:32px;margin-bottom:24px}.hero .container .hero-inner .hero-content .hero-content-inner h1 .hero-content-line{margin:0;height:44px;overflow:hidden}.hero .container .hero-inner .hero-content .hero-content-inner h1 .hero-content-line .hero-content-line-inner{background:#838ece}.hero .container .hero-inner .hero-content .hero-content-inner p{font-size:14px;line-height:24px;font-weight:300;padding-right:48px;margin-bottom:56px}.hero .container .hero-inner .hero-content .hero-content-inner .btn-row{position:relative;color:#00f}.hero .container .hero-inner .hero-content .hero-content-inner .btn-row:before{position:absolute;content:"";width:56px;height:1px;top:50%;left:-68px}.hero .container .hero-inner .hero-content .hero-content-inner .btn-row .expl button{background:none;border:none;font-size:12px;padding:0;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:.7px;display:flex;align-items:center;position:relative}.hero .container .hero-inner .hero-content .hero-content-inner .btn-row .expl button:focus{outline:none}.hero .container .hero-inner .hero-content .hero-content-inner .btn-row .expl button .arrow-icon{position:absolute;display:flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:50px;margin-left:16px;left:64px;-webkit-transform-origin:center center;transform-origin:center center}.hero .container .hero-inner .hero-images{width:70%;height:100vh;position:relative}.hero .container .hero-inner .hero-images .hero-images-inner .hero-image{position:absolute;overflow:hidden}.hero .container .hero-inner .hero-images .hero-images-inner .hero-image.girl{top:200px;right:0;width:75%;height:90%}.hero .container .hero-inner .hero-images .hero-images-inner .hero-image.boy{top:300px;left:10px;width:75%;height:90%}.hero .container .hero-inner .hero-images .hero-images-inner .hero-image img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%}.video-player{background-size:cover;background-position:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.video-player__source{width:450px;height:200px}.btn-play,.btn-stop{font-size:1em;font-family:Orbitron,sans-serif;background:#3470b4;color:#e2ece9;margin:1em;padding:.25em 1em;border:7px solid #70d8a8;border-radius:3px}#content-container{justify-content:center;background:transparent;z-index:0}#background-container,#content-container{height:100%;width:100%;position:absolute;display:flex;align-items:center}#background-container{flex-direction:column}#foreground-container{height:100%;width:100%;position:absolute;background:#fff}@-webkit-keyframes fade{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@keyframes fade{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@-webkit-keyframes fall-drop{0%{top:-20%}to{top:120%}}@keyframes fall-drop{0%{top:-20%}to{top:120%}}@-webkit-keyframes fall-sway{0%{-webkit-transform:rotate(-15deg) rotateX(55deg) translate(69px);transform:rotate(-15deg) rotateX(55deg) translate(69px)}30%{-webkit-transform:rotate(20deg) rotateX(60deg) translate(-69px);transform:rotate(20deg) rotateX(60deg) translate(-69px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{-webkit-transform:rotate(-20deg) rotateX(55deg) translate(69px);transform:rotate(-20deg) rotateX(55deg) translate(69px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:rotate(0deg) rotateX(58deg) translate(-69px);transform:rotate(0deg) rotateX(58deg) translate(-69px);-webkit-animation-timing-function:cubic-bezier(.99,0,.89,.435);animation-timing-function:cubic-bezier(.99,0,.89,.435)}}@keyframes fall-sway{0%{-webkit-transform:rotate(-15deg) rotateX(55deg) translate(69px);transform:rotate(-15deg) rotateX(55deg) translate(69px)}30%{-webkit-transform:rotate(20deg) rotateX(60deg) translate(-69px);transform:rotate(20deg) rotateX(60deg) translate(-69px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{-webkit-transform:rotate(-20deg) rotateX(55deg) translate(69px);transform:rotate(-20deg) rotateX(55deg) translate(69px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:rotate(0deg) rotateX(58deg) translate(-69px);transform:rotate(0deg) rotateX(58deg) translate(-69px);-webkit-animation-timing-function:cubic-bezier(.99,0,.89,.435);animation-timing-function:cubic-bezier(.99,0,.89,.435)}}@-webkit-keyframes spring-drop{0%{top:-25%;margin-left:-30%}to{top:125%;margin-left:30%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@keyframes spring-drop{0%{top:-25%;margin-left:-30%}to{top:125%;margin-left:30%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@-webkit-keyframes winter-sway{0%{-webkit-transform:rotateY(0deg) rotateX(0deg) rotate(0deg);transform:rotateY(0deg) rotateX(0deg) rotate(0deg)}to{-webkit-transform:rotateY(1turn) rotateX(1turn) rotate(1turn);transform:rotateY(1turn) rotateX(1turn) rotate(1turn)}}@keyframes winter-sway{0%{-webkit-transform:rotateY(0deg) rotateX(0deg) rotate(0deg);transform:rotateY(0deg) rotateX(0deg) rotate(0deg)}to{-webkit-transform:rotateY(1turn) rotateX(1turn) rotate(1turn);transform:rotateY(1turn) rotateX(1turn) rotate(1turn)}}@-webkit-keyframes summer-sway{0%{margin-left:0;-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0deg) rotateX(0deg) rotateY(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}25%{margin-left:5%;-webkit-transform:rotate(25deg) rotateX(15deg) rotateY(90deg);transform:rotate(25deg) rotateX(15deg) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{margin-left:0;-webkit-transform:rotate(0deg) rotateX(30deg) rotateY(180deg);transform:rotate(0deg) rotateX(30deg) rotateY(180deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}75%{margin-left:-5%;-webkit-transform:rotate(-25deg) rotateX(15deg) rotateY(270deg);transform:rotate(-25deg) rotateX(15deg) rotateY(270deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{margin-left:0;-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(1turn);transform:rotate(0deg) rotateX(0deg) rotateY(1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes summer-sway{0%{margin-left:0;-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(0deg);transform:rotate(0deg) rotateX(0deg) rotateY(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}25%{margin-left:5%;-webkit-transform:rotate(25deg) rotateX(15deg) rotateY(90deg);transform:rotate(25deg) rotateX(15deg) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{margin-left:0;-webkit-transform:rotate(0deg) rotateX(30deg) rotateY(180deg);transform:rotate(0deg) rotateX(30deg) rotateY(180deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}75%{margin-left:-5%;-webkit-transform:rotate(-25deg) rotateX(15deg) rotateY(270deg);transform:rotate(-25deg) rotateX(15deg) rotateY(270deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{margin-left:0;-webkit-transform:rotate(0deg) rotateX(0deg) rotateY(1turn);transform:rotate(0deg) rotateX(0deg) rotateY(1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
/*# sourceMappingURL=main.131aef0a.chunk.css.map */