@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);:root{--primary-white:#fff;--primary-red:#c8302b;--primary-hover-red:#f33501;--primary-dark:hsla(0,0%,100%,0);--primary-black:#000;--primary-gray:#364;--primary-dark-gray:#24292e;--primary-light-grey:#f4f4f4;--primary-maroon:#570e0d;--primary-dark-red:#2b0202}body{font-family:"Patrick Hand",sans-serif!important}nav{z-index:2}.header{font-family:"Patrick Hand",sans-serif;color:#fff}.navbar-brand{cursor:pointer}nav a.nav-link{letter-spacing:.0375rem;cursor:pointer}nav ul li{text-transform:uppercase}.navbar-nav>li>a,nav ul li{margin-left:.75rem;margin-right:.75rem}.navbar-nav>li>a{color:#fff!important;color:var(--primary-white)!important;border-top:.1875rem solid hsla(0,0%,100%,0);border-top:.1875rem solid var(--primary-dark);font-family:sans-serif!important}.navbar-nav>li>a.active,.navbar-nav>li>a.active:focus,.navbar-nav>li>a:hover{border-bottom:.1875rem solid #000;border-bottom:.1875rem solid var(--primary-black)}.header-wrapper{position:relative;background:url(/static/media/comrawpixel1015323.d82a343a.jpg) no-repeat;background-size:cover;background-position:50%;height:100vh}.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;z-index:1}.main-info h1{color:#364;color:var(--primary-gray)}.typed-text{font-size:2rem;color:#fff;color:var(--primary-white)}@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 #2b0202;border:1px solid var(--primary-dark-red);text-transform:uppercase;border-radius:0;padding:.625rem .75rem .75rem;color:#fff;color:var(--primary-white);margin:2rem;font-family:sans-serif!important}.btn-main-offer:hover{text-decoration:none;background-color:#570e0d;background-color:var(--primary-maroon);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}.profile-img{width:16rem;border-radius:50%;padding:.3rem;border:1px solid #364;border:1px solid var(--primary-gray)}.about-heading{font-family:sans-serif;color:#364;color:var(--primary-gray)}@media(max-width:468px){.profile-img{width:10rem}}.skills{text-align:center;padding-bottom:2rem;background:#f4f4f4;background:var(--primary-light-grey)}.skills h1{font-family:Roboto,sans-serif;color:#364;color:var(--primary-gray)}.skills .box{height:20rem;border-bottom:.3125rem solid #000;border-bottom:.3125rem solid var(--primary-black);padding:.625rem;margin-bottom:1.875rem;background:#fff;background:var(--primary-white)}@media(max-width:768px){.box h3{font-size:1.3rem}}.icon-container{display:flex;justify-content:center}.php-icon{margin-bottom:10px;margin-right:8px}.express-logo{margin:10px}.express-logo,.mongoose-logo{font-family:Roboto,HelveticaNeue,Arial,sans-serif}.mongoose-logo{font-weight:400;color:#891c19;font-size:1.25rem;margin:1rem 1rem 1rem .75rem}@media(max-width:768px){.mongoose-logo{font-size:.925rem}.mongodb-icon{width:4rem}}.typescript-icon{margin-bottom:30px}.portfolio-wrapper{background:#f4f4f4;background:var(--primary-light-grey);padding:3rem 0}.text-uppercase{font-family:Roboto,sans-serif;color:#364;color:var(--primary-gray)}.image-box-wrapper{text-align:center;padding:20px}.image-box-wrapper header{padding:20px}.image-box-wrapper header h2{color:#000;color:var(--primary-black)}.image-box-wrapper header h2:hover{color:#364;color:var(--primary-gray);transition:all .3s ease-in-out;cursor:pointer}.image-box-wrapper header h2>a{color:#000;color:var(--primary-black)}.image-box-wrapper header h2>a:hover{text-decoration:none}.image-box-wrapper header>a{color:#000;color:var(--primary-black);font-size:1.5rem;font-family:Roboto sans-serif}.image-box-wrapper header>a:hover{text-decoration:none;color:#364;color:var(--primary-gray);transition:color .4s ease-in-out;cursor:pointer}.portfolio-image{height:20rem;width:20rem;border:5px solid #000;border:5px solid var(--primary-black);border-radius:5%;padding:0 .5rem}.portfolio-image:hover{-webkit-filter:brightness(40%);filter:brightness(40%);transition:.3s ease-in-out;cursor:pointer}.image-box-wrapper h5{font-family:Roboto,sans-serif;padding:30px}.image-box-wrapper h5:hover{color:#364;color:var(--primary-gray);transition:all .4s ease-in-out}.image-box-wrapper h5>a{color:#000;color:var(--primary-black)}.image-box-wrapper h5>a:hover{text-decoration:none;color:#364;color:var(--primary-gray);transition:all .4s ease-in-out;cursor:pointer}.repo-link-button{display:block;color:#000;color:var(--primary-black);font-family:Roboto,sans-serif;border-radius:50%;height:3rem;width:14rem;margin:0 auto}.repo-link-button:hover{text-decoration:none;color:#364;color:var(--primary-gray);transition:all .4s ease-in-out;cursor:pointer}.contacts{background:#24292e;background:var(--primary-dark-gray);padding:3rem 0}.contacts h1{color:#364;color:var(--primary-gray);padding:1.3rem;text-transform:uppercase}.contacts h1,.contacts p{font-family:Roboto,sans-serif}.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:.125px solid #f4f4f4;border-bottom:.125px solid var(--primary-light-grey);border-radius:0;color:#364;color:var(--primary-gray);outline:0!important;box-shadow:none!important;margin-bottom:1rem;padding-left:0!important}.contacts .container{padding:4rem 0}.contacts input:focus,.contacts textarea:focus{background:transparent;color:#fff;color:var(--primary-white)}.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:#364;background:var(--primary-gray);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}@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:#24292e;color:var(--primary-dark-gray)}.footer a,.footer a:hover{text-decoration:none}.footer a:hover{color:#364;color:var(--primary-gray);cursor:pointer}.footer p{margin-bottom:0}#footer-row{color:#fff;font-family:Roboto,sans-serif}#footer-row a{color:#fff}
/*# sourceMappingURL=main.8f21d831.chunk.css.map */