.mainport-container{background-color:#000;flex-direction:column;padding:130px 40px}.mainport-tagline{font-size:48px;font-weight:600;color:#fff}.highlight{color:#FFD400}.mainport-description p{font-weight:300;font-size:18px;line-height:40px;margin-top:20px;color:rgba(255,255,255,.9)}.projectport{margin-top:50px}.project{display:flex;justify-content:space-between;align-items:center;margin:60px 0;gap:40px}.project.reverse{flex-direction:row-reverse}.project-description{flex:1;color:#fff}.project-description span{font-size:36px;font-weight:600;border-bottom:3px solid #ffd400;margin-bottom:15px;color:#fff}.project-description p{padding:20px 0;font-size:16px;font-weight:200;line-height:28px;color:rgba(255,255,255,.85)}.project-image{flex:1;max-width:500px;display:flex;justify-content:center;align-items:center}.project-image img{width:100%;max-width:450px;height:auto;max-height:300px;object-fit:contain;border-radius:8px;transition:transform .4s linear;cursor:pointer}.project-image img:hover{transform:scale(1.05)}@media (max-width:1024px){.mainport-tagline{font-size:40px;font-weight:600}}@media (max-width:768px){.project,.project.reverse{flex-direction:column;text-align:center}.project-image img{width:90%;max-height:250px}.mainport-description p{font-size:16px;line-height:30px;font-weight:300}.mainport-tagline{font-size:28px}.project-description h2{font-size:30px;color:#fff}}@media (max-width:425px){.mainport-tagline{font-size:28px}.mainport-description p{font-size:12px;line-height:20px}.project-description h2{font-size:22px;color:#fff}.project-description p{font-size:10px;line-height:20px;font-weight:300}.project-image img{width:100%;max-height:200px}.project-description span{font-size:28px}}