@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap);:root{--pearl-white:#fff;--burnt-orange:#f9ab00;--primary-dim-grey:#4a4a4a;--primary-red:#ef4035;--primary-hover-red:#f33501;--primary-grey:#ccd;--primary-dark-grey:#666;--primary-light-grey:##d3d3d3;--primary-black:#000;--primary-green:green}body{font-family:"Roboto Condensed",sans-serif!important}nav{z-index:index 2}.logo{width:2.25rem;padding-top:25px}nav a.nav-link{font-size:.8rem;letter-spacing:.0375rem;cursor:pointer}.navbar-nav>li>a{margin-right:.75rem;margin-left:.75rem;border-top:.187rem solid var(--primary-dark)}.navbar-brand,.navbar-nav>li>a{color:#fff!important;color:var(--pearl-white)!important}.navbar-brand{max-width:17.25rem;padding:0!important;height:6rem!important}@media (max-width:768px){.navbar-brand{width:7rem}}.navbar-nav>li>a.active,.navbar-nav>li>a:focus{border-top:.1875rem solid #f9ab00;border-top:.1875rem solid var(--burnt-orange)}.nav ul li{text-transform:uppercase}.navbar-nav>li>a:hover{border-top:3px solid #f9ab00;border-top:3px solid var(--burnt-orange)}.header-wraper{position:relative;background:url(/portfolio-nazia-react/static/media/portfolio_img.a39543a1.jpg) no-repeat;background-size:cover;background-position:50%;height:90vh}.main-info{bottom:0;text-align:justify;text-align:center;z-index:1}.main-info,.main-info-header{display:flex;position:absolute;top:0;left:0;right:0;flex-direction:column;justify-content:center;align-items:center;font-family:"Roboto Condensed",sans-serif}.main-info-header{text-align:justify}.main-info h1{text-transform:uppercase}.main-info h1,.text-typed{color:#f9ab00;color:var(--burnt-orange)}.text-typed{font-size:2rem}@media (max-width:768px){.main-info h1{font-size:1.7rem!important}.text-typed{font-size:1.3rem}}.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;align-items:center}.profile-pic{width:16rem;border-radius:50%;padding:.3rem;border:solid #f9ab00;border:solid var(--burnt-orange)}.about-heading{text-transform:uppercase;color:#f9ab00;color:var(--burnt-orange);text-align:center}experience{padding:.8rem}.experience-wrapper{position:relative;padding:3.125rem 0;overflow:hidden}.experience h1{text-transform:uppercase;color:#f9ab00;color:var(--burnt-orange)}.experience-wrapper:before{position:absolute;content:"";top:0;left:50%;margin-left:-.0625;width:.125rem;height:100%;background:#ccd;background:var(--primary-grey);z-index:1}.timeline-block{width:calc(50% + 8px);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:.3124rem solid var(--primary-dark);background:#f9ab00;background:var(--burnt-orange);margin-top:.625rem;z-index:3}.timeline-content{width:95%;padding:0 1rem;color:#666;color:var(--primary-dark-grey);direction:ltr}.timeline-content h3{font-weight:600;margin-top:.3124rem;color:#ef4035;color:var(--primary-red)}@media (max-width:768px){.experience-wrapper:before{left:.5rem;margin-bottom:1.9rem}.timeline-block-left,.timeline-block-right{float:none;width:100%}.timeline-block-left{direction:ltr}}.project-wrapper{background:##d3d3d3;background:var(--primary-light-grey);padding:3rem 0}.project-wrapper h1{color:#f9ab00;color:var(--burnt-orange)}.project-img{width:15rem;height:128px;border:1px solid #f9ab00;border:1px solid var(--burnt-orange);padding:0 .5rem}.project-img-box{position:relative;margin:1rem;height:150px}.overflow{position:absolute;opacity:0;background:#000;background:var(--primary-black);width:15rem;height:8rem;top:0;border:1px solid #ef4035;border:1px solid var(--primary-red);cursor:pointer}.project-img-box:hover .overflow{opacity:1%;transition:.3s ease-in-out}.project-img-popupbox{width:45rem;padding:.5rem}.hyper-link{cursor:pointer;color:#f9ab00;color:var(--burnt-orange)}.hyper-link:hover{color:#f33501;color:var(--primary-hover-red)}@media (max-width:768px){.project-img-popupbox{width:100%}}.contacts{background:#666;background:var(--primary-dark-grey);padding:3rem 0}.contacts h1{padding:1.3rem 0;color:#f9ab00;color:var(--burnt-orange);text-transform:uppercase}.contacts p{color:##d3d3d3;color:var(--primary-light-grey);font-size:1.2rem}.contacts input,.contacts textarea{width:100%;background:none;box-sizing:border-box;resize:none;border:0;border-bottom:2px solid #f9ab00;border-bottom:2px solid var(--burnt-orange);border-radius:0;color:#f9ab00!important;color:var(--burnt-orange)!important;outline:0!important;box-shadow:none!important;margin-bottom:1;padding-left:0}.contacts .container{padding:4rem 0}@media (max-width:786px){.contacts .container{padding:0 1rem}}.contacts textarea{height:12rem!important}.contacts-btn{margin:1rem 0 0;width:100%;background:none}.error-message{text-align:left;color:#fff}.success-message{font-weight:900;color:(--primary-green)}.footer{background:#4a4a4a;background:var(--primary-dim-grey);padding:3rem}.footer,.footer a{color:#ccd;color:var(--primary-grey)}.footer a,.footer a:hover{text-decoration:none}.footer a:hover{color:#f9ab00;color:var(--burnt-orange);cursor:pointer}.footer p{margin-bottom:0}.contact-icon{display:inline;padding:10px;border-radius:100px}.ul-contact-icon{display:inline;justify-content:center;display:flex;cursor:pointer}.ul-contact-icon li{list-style-type:none}.ul-contact-icon li a{font-size:32px;margin:0,60px;-webkit-padding-end:7px;padding-inline-end:7px}.ul-contact-icon li:hover{background-color:#666;background-color:var(--primary-dark-grey);font-size:15px}
/*# sourceMappingURL=main.e489c39e.chunk.css.map */