.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.atf-hero-text{color:#F3F2EC;font-family:"42dot Sans",sans-serif;font-size:20px;margin-top:20px}.popup-outer{display:flex;justify-content:center;align-items:center;position:fixed;top:0px;left:0px;z-index:1;width:100%;height:100vh;background-color:#010002CF}.menu-link{display:none}.popup-inner{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,auto);width:60%;height:50%}.popup-inner-left{display:flex;flex-flow:column;justify-content:center;align-items:center;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;background-color:#21282d}.popup-inner-right{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,auto);align-items:center;justify-items:center;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;background-color:#FFF}.close-popup{align-self:start;justify-self:end;padding-top:20px;padding-right:15px;padding-bottom:15px;padding-left:15px}.close-popup:hover{cursor:pointer}.wrapper-projects{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,auto);gap:10px}.hide-popup{display:none!important}.text-left{color:#FFF;font-family:"Poppins",sans-serif;font-weight:300;margin-bottom:20px}