- /* Container */
- .activity-container {
- margin: auto;
- padding: 1rem;
- position: relative;
- z-index: 10;
- overflow: visible;
- text-align: center;
- }
- /* Activity Card */
- .activity-card {
- padding: 1rem;
- border-radius: 10px;
- background: rgba(0, 0, 0, 0.85);
- box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
- width: 100%;
- max-width: 1000px;
- min-height: 300px;
- max-height: 500px;
- overflow: hidden;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- }
- /* Activity Content */
- .activity-content {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- gap: 1.5rem;
- }
- /* Activity Logo */
- .activity-logo {
- width: 80px;
- height: 80px;
- flex-shrink: 0;
- margin-top: 0.5rem;
- }
- /* Activity Title */
- .activity-title {
- font-size: 1.25rem;
- font-weight: bold;
- margin-bottom: 0.5rem;
- text-align: center;
- word-break: break-word;
- }
- @media (min-width: 640px) {
- .activity-title {
- font-size: auto 2.5rem;
- }
- }
- /* Activity Details */
- .activity-details {
- font-size: 0.75rem;
- color: gray;
- text-align: center;
- margin-bottom: 0.5rem;
- }
- @media (min-width: 640px) {
- .activity-details {
- font-size: 1rem;
- }
- }
- /* Commit Link */
- .activity-link {
- font-size: 1.2rem;
- color: #3b82f6;
- text-decoration: none;
- margin-top: auto;
- }
- .activity-link:hover {
- text-decoration: underline;
- }
- /* Navigation Buttons */
- .activity-buttons {
- display: flex;
- flex-direction: row;
- justify-content: center;
- gap: 1rem;
- margin-top: 1rem;
- position: relative;
- z-index: 20;
- }
- .activity-button {
- padding: 0;
- width: 3.5rem;
- height: 3.5rem;
- border-radius: 50%;
- background: black;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: background 0.3s ease-in-out;
- }
- .activity-button:hover {
- background: #f97316;
- }
- /* Button Icons */
- .activity-button img {
- width: 3rem;
- height: 3rem;
- }