body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.name-container,body{background-color:#1b1b1b;color:#fff}.name-container{padding:20px;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}.name-box{display:flex;background-color:#333;padding:20px;border-radius:10px;width:80%;max-width:1000px}.name-image-container{flex:0 0 35%;margin-right:20px}.name-image{width:100%;height:auto;object-fit:cover;border-radius:12px}.name-info{flex:1 1;display:flex;flex-direction:column;justify-content:center}.name-title{font-size:24px;margin-bottom:10px;font-weight:700}.name-description{font-size:15px;margin-bottom:20px;text-align:justify}.name-category{font-size:16px;margin-bottom:10px;background-color:#2c2c2c;border-radius:2px;padding:5px}.name-value{font-size:50px;margin-bottom:5px;font-weight:700;border-radius:8px;height:200px;display:flex;align-items:center;justify-content:center}.name-status{background-color:green}.name-status,.name-status-finish{display:flex;align-items:center;justify-content:center;font-size:16px;margin-top:10px;border-radius:3px;padding:5px;text-transform:uppercase}.name-status-finish{background-color:#b11c1c}@media (max-width:1024px){.name-container{height:auto;padding:40px 20px}.name-box{flex-direction:column;width:80%;margin-top:40px}.name-image-container{flex:0 0 50%;margin-right:0;margin-bottom:20px;display:grid;place-items:center}.name-status,.name-status-finish{width:auto}.name-image{max-width:300px}.name-info{align-items:center;text-align:center}.name-value{width:100%}}