diff --git a/css/general.css b/css/general.css index 03ac473..d8f55a5 100644 --- a/css/general.css +++ b/css/general.css @@ -167,6 +167,16 @@ nav li a:focus::after{ #card-container { grid-template-columns: repeat(1, 1fr) !important; } + #prize-logo, .podium-label { + transform: scale(0.9); + font-size: 16px !important; + } + #podium-label-1 { + margin-right: 1px !important; + } + #podium-label-2 { + margin-left: 1px !important; + } } @media (max-width: 500px) { #event, #rules, #prizes, #team { @@ -836,13 +846,6 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de margin-bottom: 10px; } -#prize-logo { - margin-top: 18px; - height: 50px; - border-radius: 50%; - border: 1px solid white; -} - #second-column { width: 100%; height: auto; @@ -871,6 +874,10 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de width: 100%; height: 90px; background-color: #333; + align-items: center; + text-align: center; + display: flex; + justify-content: center; } #third-podium { @@ -879,6 +886,35 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de background-color: #333; } +.podium-edge { + width: 105%; + height: 10px; + background-color: #24282e; + border-radius: 4px; + z-index: 1; +} + +#prize-logo { + height: 50px; + border-radius: 50%; + border: 1px solid rgb(119, 119, 119); +} + +.podium-label { + position: relative; + font-size: 20px; +} + +#podium-label-1 { + margin-right: 7px; + color: #ff914d; +} + +#podium-label-2 { + margin-left: 7px; + color: #ffde59; +} + /* Utilities */ #line-header { width: 200px; diff --git a/index.html b/index.html index 7c5debd..a191b7e 100644 --- a/index.html +++ b/index.html @@ -51,7 +51,7 @@
Gilroy
+ +Hacks
+