.user-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:40px 0}.user-card{border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;color:inherit;flex:1 1 280px;max-width:280px;padding:1rem;text-align:center;text-decoration:none}.user-card:hover{background-color:#f0f0f0;box-shadow:0 4px 10px #0003}.user-card img{border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.user-card h3{font-size:1.2rem;margin:10px 0}.user-card p{color:#666;font-size:.9rem;margin:0}@media (max-width:1070px){.user-card{flex-basis:calc(45% - 1rem);flex-grow:1;flex-shrink:1;max-width:100%}}@media (max-width:768px){.user-card{flex-basis:calc(45% - 1rem);flex-grow:1;flex-shrink:1;max-width:100%}}@media (max-width:480px){.user-card{flex:1 1 100%;max-width:100%}}.user-detail-container{box-sizing:border-box;margin:0 auto;max-width:1080px;padding:20px;width:100%}.post-by{margin-bottom:20px;text-align:center}.post-by h2{font-size:24px;margin:0}.post-by p{color:#555;font-size:16px;margin:5px 0}.user-detail{grid-gap:20px;display:grid;gap:20px;grid-template-columns:30% 70%}.user-image{border-radius:50%;height:200px;object-fit:cover;width:200px}.user-info{border-right:1px solid #ddd;box-sizing:border-box;padding:10px}.user-info h2{margin-bottom:10px}.user-info p{margin:5px 0}.total-posts{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-left:10px}.back-button{background-color:#368db1;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:20px 0;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.back-button:active,.back-button:hover{opacity:.85}.user-posts{box-sizing:border-box;padding:10px}.post-title{background-color:#f9f9f9;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:5px 10px}.post-title:hover{background-color:#f1f1f1}.post-title:active{background-color:#e9e9e9}.reverse-button{background-color:#313e4e;border:none;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px 0;padding:10px 20px;text-align:center}.reverse-button:active,.reverse-button:hover{opacity:.85}@media (max-width:900px){.user-detail{grid-template-columns:1fr}.user-info{border-bottom:1px solid #ddd;border-right:none}.user-info,.user-posts{padding:10px;width:100%}}h1,h2,h3,h4,h5,h6{font-family:Tenor Sans,sans-serif}.App{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1080px;padding:20px}.App-header{background-color:#313e4e;box-shadow:0 4px 8px #0000001a;color:#fff;text-align:center;width:100%}body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.container{box-sizing:border-box;margin:0 auto;max-width:1080px;padding:20px;width:100%}
/*# sourceMappingURL=main.35d6dfe6.css.map*/