File size: 1,690 Bytes
8b5f9f3 1852005 8b5f9f3 61ebd28 8b5f9f3 0d9b14b 8b5f9f3 0d9b14b 8508261 1672582 1852005 8508261 1672582 8508261 1672582 8508261 6e19144 be05f46 6e19144 be05f46 537729e 8b5f9f3 1852005 8b5f9f3 1852005 8b5f9f3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
body {
scroll-behavior: smooth;
background: #1a1a2e;
}
.countdown-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 0.5rem;
}
.countdown-number {
font-size: 1.5rem;
font-weight: bold;
color: white;
min-width: 2.5rem;
text-align: center;
}
.countdown-label {
font-size: 0.7rem;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
letter-spacing: 1px;
}
.video-container {
aspect-ratio: 9/16;
background-color: #000;
position: relative;
}
video {
width: 100%;
height: 100%;
background-color: #000;
object-fit: cover;
}
video[poster] {
object-fit: cover;
background-size: cover;
background-position: center;
}
article img {
transition: transform 0.3s ease;
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 8px;
}
article img:hover {
transform: scale(1.02);
}
article p {
font-size: 1.1rem;
line-height: 1.6;
}
article h3 {
font-size: 1.4rem;
margin-bottom: 1rem;
}
.grid.md\:grid-cols-2 {
align-items: start;
}
.social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
transition: transform 0.3s ease;
}
.social-icon:hover {
transform: scale(1.1);
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #16213e;
}
::-webkit-scrollbar-thumb {
background: #0f3460;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #0a264e;
} |