@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);:root{--primary-white:#fff;--primary-orange:#f9ab00;--primary-tomato:tomato;--primary-dark:hsla(0,0%,100%,0);--primary-red:#ef4035;--primary-hover-red:#f33501;--primary-grey-text:#404040;--primary-grey-bg:#f8f8f8}body{font-family:"Poppins",sans-serif}nav{z-index:2}.logo{width:16.25rem}nav a.nav-link{letter-spacing:.0375rem;cursor:pointer}nav ul li{text-transform:uppercase}.navbar-nav>li>a{margin-left:.75rem;margin-right:.75rem;color:#fff!important;color:var(--primary-white)!important;border-bottom:.1875rem solid hsla(0,0%,100%,0);border-bottom:.1875rem solid var(--primary-dark)}.navbar-brand h1,.navbar-brand h3{max-width:17.25rem;padding:0!important;color:#fff;color:var(--primary-white);font-family:"Dancing Script",cursive!important}@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-bottom:.1875rem solid #f9ab00;border-bottom:.1875rem solid var(--primary-orange)}.header-wraper{position:relative;background:url(/portfolio/static/media/laptop-bg-4.012b2de9.jpg) no-repeat;background-size:cover;background-position:50%;height:100vh}.main-info{display:-webkit-flex;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;font-family:"Poppins",sans-serif;z-index:1}.main-info h1{color:tomato;color:var(--primary-tomato)}.main-info h1,.myname{font-size:5rem;font-weight:400}.myname{color:#f9ab00;color:var(--primary-orange)}@media (max-width:768px){.main-info h1,.myname{font-size:1.5rem!important}}.typed-text{font-size:2rem;color:#fff;color:var(--primary-white)}@media (max-width:768px){.typed-text{font-size:1.2rem!important}}.btn-main-offer{border:1px solid #fff;border:1px solid var(--primary-white);text-transform:uppercase;border-radius:4px;padding:.625rem .75rem .75rem;margin:2rem;text-align:center;transition:all .5s;cursor:pointer}.btn-main-offer,.btn-main-offer:hover{color:#fff;color:var(--primary-white);text-decoration:none}.btn-main-offer:hover{background-color:#f33501;background-color:var(--primary-hover-red);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}}a.social{margin:0 1rem;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;display:inline-block}a.social:hover{text-decoration:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}a.youtube,a.youtube:hover{color:#b00}a.facebook,a.facebook:hover{color:#3b5998}a.instagram,a.instagram:hover{color:#125688}a.twitter,a.twitter:hover{color:#55acee}a.gmail,a.gmail:hover{color:#dd4b39}a.linkedin,a.linkedin:hover{color:#007bb5}a.github,a.github:hover{color:#fff}@media (max-width:768px){a.social{font-size:.5rem;margin:0 .5rem;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;display:inline-block}}.about-wraper{position:relative;background:#fff no-repeat;background:var(--primary-white) no-repeat;background-size:cover;background-position:50%;height:100%}.about-main{background:#fff;background:var(--primary-white);font-size:1rem;color:#353535;overflow:hidden;padding-top:5rem;-webkit-flex-direction:column;flex-direction:column;margin-top:3rem}.about-main,.about-title{font-family:"Poppins",sans-serif}.about-title{margin:5rem;text-align:center;font-size:3.5rem;font-weight:700;color:tomato;color:var(--primary-tomato);text-transform:capitalize}.about-subtitle{text-align:left;font-size:2.5rem;font-family:"Poppins",sans-serif;color:#f9ab00;color:var(--primary-orange);margin-bottom:1rem}.about-img{justify-self:center;text-align:center}.about-img img{width:400px;border-radius:.5rem}.about-text{text-align:left;font-size:1.2rem;font-family:"Poppins",sans-serif;color:#404040;color:var(--primary-grey-text);margin-right:2rem}@media (max-width:768px){.about-wraper{height:100%}.about-title{margin:2rem;font-size:3rem}.about-subtitle{text-align:center;font-size:2rem;margin-top:2rem;margin-bottom:2rem}.about-text{text-align:center;font-size:1rem;margin-right:2rem}.about-img{justify-self:center;text-align:center}.about-img img{width:300px;border-radius:.5rem}}.skills-wraper{position:relative;background:#fff no-repeat;background:var(--primary-white) no-repeat;background-size:cover;background-position:50%;height:100%}.skills-main{background:#fff;background:var(--primary-white);font-size:1rem;color:#353535;overflow:hidden;padding-top:5rem;-webkit-flex-direction:column;flex-direction:column;margin-top:3rem}.skills-main,.skills-title{font-family:"Poppins",sans-serif}.skills-title{margin:5rem;text-align:center;font-size:3.5rem;color:tomato;color:var(--primary-tomato);text-transform:capitalize;font-weight:700}.skills-box{-webkit-align-content:center;align-content:center}.skill-main-box{margin-right:5rem;margin-left:1rem}.skills{-webkit-justify-content:center;justify-content:center;text-align:center}.skills-subtitle{margin-bottom:1rem;text-align:center;color:#f9ab00;color:var(--primary-orange)}.skills-text{margin-bottom:2rem;color:#404040;color:var(--primary-grey-text)}.skills-data{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;font-weight:600;padding:.5rem 1rem;margin-bottom:2rem;border-radius:.5rem;box-shadow:0 4px 25px rgba(14,36,49,.15)}.skill-icon{font-size:2rem;margin-right:1rem;color:#000}.skills-names{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.skills-bar{position:absolute;left:0;bottom:0;background-color:#ef4035;background-color:var(--primary-red);height:.25rem;border-radius:.5rem;z-index:1;width:100%}@media (max-width:768px){.skills-wraper{height:100%}.skills-main{overflow:hidden}.skills-title{margin:2rem;text-align:center;font-size:3rem;text-transform:capitalize;font-weight:700}.skills-box{-webkit-align-content:center;align-content:center;text-align:center}.skill-main-box.col-3{margin-left:5rem;width:90%!important;text-align:center}.skills{-webkit-justify-content:center;justify-content:center;text-align:center}.skills-subtitle{margin-bottom:1rem}.skills-text{margin-bottom:2rem;text-align:center}}.project-wraper{position:relative;background:#fff no-repeat;background:var(--primary-white) no-repeat;background-size:cover;background-position:50%;height:100%}.project-main{background:#fff;background:var(--primary-white);font-size:1rem;color:#353535;overflow:hidden;padding-top:5rem;-webkit-flex-direction:column;flex-direction:column;margin-top:3rem}.project-main,.project-title{font-family:"Poppins",sans-serif}.project-title{margin:5rem;text-align:center;font-size:3.5rem;color:tomato;color:var(--primary-tomato);text-transform:capitalize;font-weight:700}.project{background-color:#fff;background-color:var(--primary-white);top:0;left:0;right:0;bottom:0;-webkit-flex-direction:column;flex-direction:column}.project-row{margin:3rem}.project-container,.project-img{justify-items:center}.project-img{overflow:hidden;margin-left:6rem;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.project-img img,.project-link{border-radius:.5rem;width:300px}.project-link{position:absolute;bottom:-100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,100%,.3);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s;text-align:center;text-decoration:none}.project-img:hover .project-link{bottom:0}.project-link-name{color:#000;text-decoration:none}.proj-title{color:#f9ab00;color:var(--primary-orange);margin-bottom:.25em;padding-top:.25em;font-weight:600;font-size:2em}.proj-description h4{margin-bottom:.25em;padding-top:1em;margin-left:.7em;font-size:1.4em;color:#5d5b5b}.proj-description p{margin:1.5em 0 2em 1em;color:#404040;color:var(--primary-grey-text)}.btn-primary{border-radius:10em;background:linear-gradient(180deg,#f90 0,#ddb04f);color:#fff;--bs-btn-color:#000!important;--bs-btn-bg:#f90!important;--bs-btn-border-color:none!important}@media (max-width:768px){.project-wraper{height:100%}.project-main{padding-top:1rem;-webkit-flex-direction:column;flex-direction:column;margin-top:1rem}.project-title{margin:5rem 2rem 2rem;font-size:3rem}.project-link{position:absolute;bottom:-100%;width:300px;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,100%,.3);border-radius:.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s;text-align:center;text-decoration:none}.project-row{margin:1rem;-webkit-flex-direction:column;flex-direction:column}.col-3{width:100%!important;margin-top:2rem}.project-img{overflow:hidden;margin-left:1rem;margin-top:2rem!important;margin-right:1rem;text-align:center}.proj-img{width:20%;height:20%}}.timeline-wraper{position:relative;background:#fff no-repeat;background:var(--primary-white) no-repeat;background-size:cover;background-position:50%;height:100%}.timeline-main{background:#f8f8f8;background:var(--primary-grey-bg);font-size:1rem;color:#353535;overflow:hidden;padding-top:5rem;-webkit-flex-direction:column;flex-direction:column;margin-top:3rem}.timeline-main,.timeline-title{font-family:"Poppins",sans-serif}.timeline-title{margin:5rem;text-align:center;font-size:3.5rem;color:tomato;color:var(--primary-tomato);text-transform:capitalize;font-weight:700}.vert-timeline-elmnt h3{color:#f9ab00;color:var(--primary-orange);margin-bottom:.25em;padding-top:.25em}.vert-timeline-elmnt h5{padding-top:.25em;font-size:1rem;color:#000}.vertical-timeline-element-content{box-shadow:0 .25em .5em 0 rgba(0,0,0,.25),0 .4em 1.25em 0 rgba(0,0,0,.15)!important;padding:2em 3em!important}#description{margin:1.5em 0 2em;color:#404040;color:var(--primary-grey-text)}.timeline-button{text-decoration:none;padding:.5em 1em;border-radius:5px;color:#404040}@media only screen and (max-width:1700px){.vertical-timeline-element-date{display:block!important;float:none!important;color:#2c2c2c;margin-top:1.5em}}@media (max-width:768px){.timeline-wraper{height:100%}.timeline-main{padding-top:1rem}.timeline-title{margin:5rem 2rem 2rem;font-size:3rem}}.contact-wraper{position:relative;background:#fff no-repeat;background:var(--primary-white) no-repeat;background-size:cover;background-position:50%;height:100%}.contact-main{background:#f8f8f8;background:var(--primary-grey-bg);font-family:"Poppins",sans-serif;font-size:1rem;color:#353535;overflow:hidden;padding-top:5rem;padding-bottom:5rem;-webkit-flex-direction:column;flex-direction:column;margin-top:3rem}.contact-header,.contact_info_item{display:-webkit-flex!important;display:flex!important}.contact_info_item{box-shadow:0 4px 25px rgba(14,36,49,.15);padding:1em;background-color:#fff;background-color:var(--primary-white);border:1px solid #f8f8f8;border:1px solid var(--primary-grey-bg)}.contact_info_item img{margin-right:1rem}.contact-title{margin:5rem;text-align:center;font-size:3.5rem;font-family:"Poppins",sans-serif;color:tomato;color:var(--primary-tomato);text-transform:capitalize;font-weight:700}.contact_info_title{color:#404040;color:var(--primary-grey-text);font-weight:700}.contact_form_conatiner{box-shadow:0 4px 25px rgba(14,36,49,.15);padding:1em;background-color:#fff;background-color:var(--primary-white);border:1px solid #f8f8f8;border:1px solid var(--primary-grey-bg);border-radius:.5rem}.contact_form_title{font-size:1.7rem;color:#f9ab00;color:var(--primary-orange);margin-bottom:1.5rem;margin-left:2rem;margin-top:1rem}.contact_form_name{margin-left:1rem;padding-right:3rem;display:-webkit-flex!important;display:flex!important}input{padding:.5em;margin:8px 0;box-sizing:border-box;border:none;border-bottom:2px solid tomato;border-bottom:2px solid var(--primary-tomato)}.text_field{margin-left:2rem;border:.5px medium;color:#000;border-radius:.35rem;padding:1em}.text_field,input:focus,textarea:focus{outline:none}.contact_submit_button{border:1px solid #f9ab00;border:1px solid var(--primary-orange);text-transform:uppercase;border-radius:4px;padding:.625rem .75rem .75rem;margin:2rem;background-color:#f9ab00;background-color:var(--primary-orange);text-align:center;transition:all .5s;cursor:pointer}.contact_submit_button,.contact_submit_button:hover{color:#fff;color:var(--primary-white);text-decoration:none}.contact_submit_button:hover{border:1px solid #ef4035;border:1px solid var(--primary-red);background-color:#f33501;background-color:var(--primary-hover-red);transition:.2s ease-in-out}.contact-email-subject input{margin-left:2rem;margin-top:1rem;width:90%}.contact-icon{margin-right:1rem}@media (max-width:768px){.contact-wraper{height:100%}.contact-main{padding-top:1rem;padding-bottom:5rem;-webkit-flex-direction:column;flex-direction:column;margin-top:1rem}.contact_info_item{box-shadow:0 4px 25px rgba(14,36,49,.15);padding:1rem;margin-top:2rem}.contact_info_item img{margin-right:1rem}.contact-title{margin:5rem 2rem 2rem;font-size:3rem}.contact_form_conatiner{padding:1rem}.contact_form_title{font-size:1.7rem;margin-bottom:1.5rem;margin-left:2rem;margin-top:1rem}.contact-header,.contact_form_name{display:inline!important}.contact_form_name{margin-left:1rem;padding-right:3rem;-webkit-justify-content:left;justify-content:left;width:80%}.contact_form_email,.contact_form_phone{margin-left:2rem;width:80%}.contact_form_subject{margin-left:2rem}input{padding:.5em;margin:8px 0;box-sizing:border-box;border:none;border-bottom:2px solid tomato;border-bottom:2px solid var(--primary-tomato)}.text_field{margin-left:2rem;outline:none;border:.5px medium;color:#000;border-radius:.35rem;padding:1em;height:8em;width:15em}.contact-email-subject input{margin-left:2rem;margin-top:1rem;width:80%}}.footer{color:#fff;text-align:center;font-weight:600;padding:2rem 0;height:100%}.footer-title{font-size:2rem}.footer-social,.footer-title{margin-bottom:2rem}.footer-icon{font-size:1.5rem;color:#fff;margin:1rem}
/*# sourceMappingURL=main.e3a1d445.chunk.css.map */