*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:"poppins",sans-serif;background:#f6f9fb;color:#273755;line-height:1.5;font-size:.875rem;overflow-x:hidden}ul{list-style-type:none}a{text-decoration:none}img:not(.logo){width:100%;display:block}h1,h2,h3,h4{letter-spacing:2px;text-transform:capitalize;line-height:1.25;margin-bottom:.75rem;font-family:"Roboto",sans-serif}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{line-height:30px;font-size:.9373rem;margin-bottom:1.25rem;color:#617d98}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}p{font-size:.875rem}}.btn{text-decoration:none;color:#273755;background-color:#8aabca;padding:.5rem .875rem;display:inline-block;position:relative;overflow:hidden;text-transform:uppercase;border-radius:.2rem;letter-spacing:.25rem;font-weight:700;transition:all .3s linear;font-size:.875rem;box-shadow:0 1px 3px rgba(0,0,0,.2)}.btn:before{position:absolute;content:"";top:0;height:100%;left:-25%;width:0;background:#273755;transform:skew(50deg);transition-duration:1s;z-index:1}.btn:hover{color:#cedbe9}.btn:hover:before{width:180%}.btn span{position:relative;z-index:9}.section{padding:5rem 0}.section-center{width:90vw;margin:0 auto;max-width:1170px}@media screen and (min-width:992px){.section-center{width:95vw}}.section-title{margin-bottom:4rem;text-align:center}p{font-size:.875rem}nav{position:fixed;height:12vh;width:100%;top:0;left:0;box-shadow:0 0 5px 5px rgba(0,0,0,.1);background:#f6f9fb;z-index:10}.nav-header{display:flex;align-items:center;justify-content:space-between;height:12vh}.nav-center{width:100%;max-width:1170px;margin:0 auto}.nav-toggle{font-size:1.5rem;color:#273755;background:transparent;border-color:transparent;transition:all .3s ease-in-out;cursor:pointer;margin-right:20px;outline:none}.logo{height:24px;object-fit:contain;margin-left:20px}.logo:hover{cursor:pointer}.links{display:flex;flex-direction:column;align-items:center;border-top:2px solid #8aabca}.links li{margin:1rem 0}.link{color:#273755;text-transform:uppercase;font-weight:300;transition:all .3s ease-in-out;text-decoration:none;cursor:pointer}.link:hover{color:#8aabca}.links-container{height:0;overflow:hidden;transition:all .3s ease-in-out;background:#f6f9fb}.show-container{height:10rem}.burger-wrapper{position:relative;cursor:pointer;display:block;margin-right:18px}.burger-wrapper button{border:none;background:transparent;padding:13px;outline:none}.burger-wrapper button span{background:#273755;display:block;position:relative;width:30px;height:2px;transition:all .3s ease-in-out}.burger-wrapper button span:first-child,.burger-wrapper button span:nth-child(2){margin-bottom:.5rem}.open span:nth-child(2){opacity:0}.open span:nth-child(3){transform:rotate(45deg);top:-10px}.open span:first-child{transform:rotate(-45deg);top:10px}@media screen and (min-width:800px){.nav-center{max-width:1170px;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.links-container{margin-right:20px}.links{flex-direction:row;border:none}.link{font-weight:300;margin:0 1rem}.nav-header{padding:0}.nav-btn{display:none}.logo{height:30px}.burger-wrapper{display:none}.links-container{height:auto!important}.links{display:flex}.links a:hover{padding:0;background:transparent}}.social-icons{display:grid;margin-top:3rem;width:20rem;grid-template-columns:repeat(5,1fr);justify-items:center}.social-links{display:flex;justify-content:center;align-items:center}.social-links a{position:relative;width:30px;height:30px;margin:0 18px 0 0;background:#cedbe9;overflow:hidden;border-radius:2px;font-size:1rem;color:#273755}.social-links a:hover{color:#fafcff;z-index:11}.social-links a:before{position:absolute;content:"";top:0;height:100%;left:-50%;width:0;background-color:#8aabca;transform:skew(50deg);transition-duration:.6s;z-index:1}.social-links a:hover:before{width:230%}.social-links a i{display:flex;justify-content:center;align-items:center;position:relative;z-index:9;width:100%;height:100%}.hero{display:grid;place-items:center;background:linear-gradient(rgba(39,55,85,.8),rgba(39,55,85,.9)),url(/static/media/bg.38ea5cd3.jpg) no-repeat 50%;background-size:cover;background-attachment:fixed}.underline{width:5rem;height:.25rem;background:#8aabca;margin-right:auto;margin-bottom:.5rem;margin-left:0}.hero{position:relative;top:12vh;right:0;left:0;height:88vh;width:100%;margin-bottom:5rem}.hero-center{min-height:calc(100vh - 5rem);display:grid;place-items:center}.hero-info h1{color:#cedbe9}.hero-info h4{color:#dbe5ef}.hero-icons{justify-items:start}.hero-info button{margin-top:1.25rem;position:relative;width:30%;font-size:16px;padding:10px 15px;text-transform:uppercase;background-color:#dbe5ef;border:none;color:#273755;overflow:hidden;outline:none;border-radius:2px}.hero-info button:before{position:absolute;content:"";top:0;height:100%;left:-25%;width:0;background-color:#8aabca;transform:skew(50deg);transition-duration:1s;z-index:1}.hero-info button:hover{cursor:pointer;color:#273755}.hero-info button:hover:before{width:170%}.hero-info button a{position:relative;z-index:9}@media screen and (min-width:992px){.hero-center{grid-template-columns:1fr 1fr}.hero-info button{font-size:18px}}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skills-left,.skills-right{padding:0 1.2rem}.skills-section .skills{padding-top:25px;position:relative}.skills-section .skills h3{float:left;color:#fafcff;font-size:18px}.skills-section .skills .percentage{float:right;color:#273755;font-size:16px}.skills-section .skills .bar{position:relative;width:100%;height:6px;background:#8aabca;margin:15px 0 10px;border-radius:2px}.skills-section .skills .bar .progress{position:absolute;height:100%;top:0;left:0;background:#273755;border-radius:2px}@media screen and (min-width:576px){.skills-container{grid-row-gap:2.5rem;grid-column-gap:30px}.skills-section{padding:5rem 3rem}}@media screen and (min-width:992px){.skills-container{grid-row-gap:2.5rem;grid-column-gap:30px}.skills-section{padding:5rem 3rem}}.title__content{text-align:center}.title__content h4{color:#8aabca}.title__content p{padding:0 60px}@media (max-width:800px){.title__section .title__content h2{font-size:38px}.title__section .title__content p{font-size:15px}}.services-center{padding-top:5rem}.service{background:#fff;padding:3rem 1.5rem;margin-bottom:2rem;border-radius:.2rem;text-align:center;transition:all .3s linear;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.service-icon{font-size:2rem;margin-bottom:1.5rem}.service p{transition:all .3s linear}.service:hover{background:#8aabca;color:#dbe5ef}.service:hover p{color:#dbe5ef}@media screen and (min-width:676px){.services-center{display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:2rem;-moz-column-gap:2rem;grid-column-gap:2rem;column-gap:2rem}}@media screen and (min-width:992px){.services-center{grid-template-columns:1fr 1fr 1fr}}#contact-form{padding:0 1.2rem}.field-bag .form-field{border-radius:3px;background-color:transparent;width:100%;border:1px solid #8aabca;font-size:18px}.field-bag .form-field:focus{border-color:none;box-shadow:none}#contact_form textarea{padding:15px}#contact_form p{margin-bottom:15px}input[type=email],input[type=text],textarea{padding:10px 15px;color:#617d98}input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:none}::-webkit-input-placeholder{color:#617d98}::placeholder{color:#617d98}:-ms-input-placeholder{color:#617d98}::-ms-input-placeholder{color:#617d98}input,textarea{margin:0;border:none;font-size:100%;font-weight:400;transition:all .25s ease;height:45px}textarea{min-height:150px}#contact-form button{position:relative;width:100%;font-size:20px;padding:10px 15px;text-transform:uppercase;background-color:#8aabca;border:none;color:#273755;overflow:hidden}#contact-form button:before{position:absolute;content:"";top:0;height:100%;left:-25%;width:0;background-color:#273755;transform:skew(50deg);transition-duration:1s;z-index:1}#contact-form button:hover{color:#f6f9fb;cursor:pointer}#contact-form button:hover:before{width:170%}#contact-form button span{position:relative;z-index:9}.errorMsg{color:#ff8a8a;margin-top:5px}#success-message{color:#8aff8a;font-weight:100;margin-top:5px}.contacts-left{padding:0 1.2rem}.contact-section .contact-info{display:flex;margin-bottom:50px}.contact-section .contact-info a{text-decoration:none;color:#273755;cursor:pointer}.contact-info>span{border-right:1px solid #8aabca;padding-right:10px;color:#8aabca;font-size:36px}.contact-info>.info{margin-left:40px}.contact-info>.info>h4{color:#273755;font-size:15px;font-weight:700;text-transform:uppercase}.contact-info>.info>p{font-size:15px;color:#273755;word-break:break-all}.contact-info:last-child{margin-bottom:0}.contact-section{background:#fafcff;position:relative}.contact-section .title{color:#273755}.contacts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-row-gap:2.5rem;grid-column-gap:50px;padding:5rem 0}.contacts-left{display:flex;flex-direction:column;justify-content:space-around}#contact-form .field-bag{margin-bottom:20px}@media screen and (min-width:576px){.contact-section{padding:5rem 3rem}}@media screen and (min-width:992px){.contact-section{padding:5rem 3rem}}.footer-section{background:#273755;border-top:2px solid #fafcff;text-align:center;padding:40px 10px}.footer-text-container{margin:20px 0}.footer-section p{font-size:15px;line-height:20px;color:#dbe5ef}.footer-text-container p:first-child{margin-bottom:12px}@media screen and (min-width:576px){.footer-section p,.footer-section p a{font-size:18px}}@media screen and (min-width:992px){.footer-section p,.footer-section p a{font-size:18px}}.hire-quote-btn-container{display:flex;align-items:center;justify-content:center;margin:5rem}.hire-quote-btn-container .hire-quote-btn{font-size:1rem;padding:.9375rem;cursor:pointer}.hireme-section h1{color:#273755;font-weight:700;margin-bottom:14px;font-size:2rem}.hireme-quote-btn-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.quote-btn-container .quote-btn{font-size:1rem;color:#273755;background-color:#8aabca;border-radius:0}.quote-btn-container .quote-btn:before{background-color:#273755}.divider span:before{left:-80px}.divider span:after{right:-80px}.divider span:after,.divider span:before{background-color:#8aabca;content:"";height:1px;position:absolute;top:50%;width:70px}.divider{text-align:center;color:#8aabca;margin:30px 0 20px;text-transform:uppercase}.divider span{position:relative}.hireme-text{display:flex;align-items:center;justify-content:center}@media screen and (min-width:576px){.button-part{flex-direction:row}.button-part .hire-btn{width:200px}.hireme-section p{padding:0 8rem}}@media screen and (min-width:992px){.hireme-section h1{font-size:46px}.button-part .hire-btn{width:220px}}@media screen and (min-width:2560px){.button-part .hire-btn{width:250px}}.button-part{flex-wrap:wrap}.button-part,.button-part .hire-btn{display:flex;align-items:center;justify-content:center}.button-part .hire-btn{flex-direction:column;background-repeat:no-repeat;background-size:80%;margin:15px;border-width:1px;border-style:solid;height:50px;position:relative;transition:all .5s ease;width:160px}.button-part .upwork{background-image:url(/static/media/upwork2.99464177.png);background-position:50%;border-color:#6fda44}.button-part .freelancer{background-image:url(/static/media/freelancer2.b787a9e0.png);border-color:#0088c3;background-position:50%}.hire-btn:after{border-top:14px solid #0088c3;border-left:14px solid transparent;content:"";position:absolute;right:1px;top:1px}.upwork.hire-btn:after{border-top:14px solid #6fda44}.projects__container{margin:0;padding:4rem 2.5rem 0}.projects__container a{color:#8aabca;text-decoration:none}.work-item .work-inner{position:absolute;width:100%;height:100%;left:0;top:0;background:transparent;z-index:1;transition:all .3s linear}.work-info{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;text-align:center;top:50%;transform:translateY(-50%)}.work-info,.work-item,.work-item img{border:30px solid #fafcff;transition:all .3s linear}.work-item:hover .work-info{background:rgba(39,55,85,.6)}.work-info span{display:flex;align-items:center;justify-content:center;height:60px;width:60px;font-size:20px;border-radius:50%;opacity:0;top:40px;position:relative;border:1px solid #fafcff;color:#fafcff;transition:all .6s ease 0s;margin:0 20px}.work-item:hover .work-info span{opacity:1;top:0;transition:all .3s linear}.work-info span:hover{transform:rotate(1turn)}.project__item{position:relative;margin-bottom:100px;background-color:#fafcff;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.project__photo{position:absolute;top:0;left:0;width:42%;height:100%}.project__item img{object-fit:contain;width:100%}.project__item:nth-child(2n) .project__photo{left:inherit;right:0}.photo-big,.photo-small{background-repeat:no-repeat;background-position:top;background-size:cover}.project__description p{text-align:justify}.photo-big{top:0;left:0;z-index:1;width:100%;height:100%;border:30px solid #fafcff}.photo-big,.photo-small{position:absolute;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.photo-small{bottom:-10%;right:-10%;z-index:2;width:50%;height:50%;border:20px solid #fafcff}.project__item:nth-child(2n) .project__photo .photo-small{right:inherit;left:-10%}.process__container ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.process__container ul li{display:flex;margin:0 2px}.projects__container h5{text-align:left;margin:20px 0;color:#8aabca;font-size:17px}.project__description h3 span{margin-right:10px}.project__details__container h4,h3{color:#8aabca}.project__info{display:flex;justify-content:space-around;flex-wrap:wrap}.project__info div{margin:10px}.process__container span,.projects__container .project__item .project__description .project__info p{font-size:12px}.projects__container .project__item .project__description{font-size:18px;text-align:justify;padding:60px 60px 60px 50%}.project__description p a{color:#8aabca;font-weight:900;text-decoration:underline;text-transform:lowercase}.projects__container .project__item:nth-child(2n) .project__description{padding-left:50px;padding-right:50%}.projects__container .project__item .project__description h2{font-size:40px;margin-bottom:30px}.projects__container .project__item .project__description p:last-of-type{margin-bottom:0}.projects__container .project__item:last-child{margin-bottom:150px}@media (max-width:767px){.projects__container{padding:0}.project__description h3{margin-top:16px}.project__item img{object-fit:cover}.work-info,.work-item,.work-item img{border:none}.project__photo .photo-small{display:none}.projects__container .project__item{margin-bottom:50px}.project__photo .photo-big{border-width:20px;box-shadow:none}.project__description,.project__description h5{text-align:center}.project__description p{font-size:14px}}@media (max-width:992px){.projects__container{padding:0}.project__item img{object-fit:cover}.project__description h3{margin-top:16px}.project__photo .photo-big{border-width:20px;box-shadow:none}.work-info,.work-item,.work-item img{border:20px solid #fafcff}.projects__container .project__item .project__photo{position:relative;width:100%;padding-top:100%}.photo-small{bottom:0;right:0;border-width:30px;display:none}.projects__container .project__item .project__description{padding:0 20px 20px}.project__item:nth-child(2n) .project__photo .photo-small{left:0}.projects__container .project__item:nth-child(2n) .project__description{padding:0 20px 20px}}.about-center{display:grid;grid-gap:3rem 2rem;gap:3rem 2rem}.about-info p{text-align:justify}.about-info a span{margin:auto 5px;text-decoration:underline;color:#8aabca}.about-img{max-width:25rem;max-height:30rem;object-fit:cover;border-radius:.2rem;position:relative;justify-self:center}@media screen and (min-width:992px){.about-center{grid-template-columns:1fr 1fr}.about-img{position:relative}.about-img:before{left:-2rem}.about-info{align-self:center}.about-img:before{content:"";position:absolute;width:100%;height:100%;border:.25rem solid #8aabca;top:2rem;right:-2rem;border-radius:.2rem}}
/*# sourceMappingURL=main.0a0747a9.chunk.css.map */