mirror of
https://github.com/Rushilwiz/feud.git
synced 2025-04-17 18:50:19 -04:00
132 lines
2.7 KiB
CSS
132 lines
2.7 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter&display=swap");
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.winner {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #ffd1dc;
|
|
z-index: 999;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
overflow: auto;
|
|
display: none;
|
|
font-family: "Inter", sans-serif;
|
|
font-size: 4em;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.scoreboard {
|
|
z-index: 1;
|
|
background: #fefefe;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.scoreboard .container {
|
|
width: 80%;
|
|
height: 85%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
.scoreboard .container .scores {
|
|
width: 100%;
|
|
height: 30%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
.scoreboard .container .scores #a {
|
|
border-right: 2px solid black;
|
|
}
|
|
.scoreboard .container .scores #b {
|
|
border-left: 2px solid black;
|
|
}
|
|
.scoreboard .container .scores .col {
|
|
width: 30%;
|
|
height: 100%;
|
|
}
|
|
.scoreboard .container .scores .col div {
|
|
height: 50%;
|
|
width: 100%;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.scoreboard .container .scores .col .year {
|
|
font-size: 4em;
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
.scoreboard .container .scores .col #current {
|
|
font-size: 5em;
|
|
font-family: monospace;
|
|
font-style: italic;
|
|
background: #00b3ff;
|
|
border-radius: 25%;
|
|
color: white;
|
|
}
|
|
.scoreboard .container .scores .col .score {
|
|
font-size: 6em;
|
|
font-family: monospace;
|
|
}
|
|
.scoreboard .container .scores .col .header {
|
|
color: #cf00da;
|
|
font-family: "Bebas Neue", cursive;
|
|
font-size: 3em;
|
|
}
|
|
.scoreboard .container .board {
|
|
width: 100%;
|
|
height: 70%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
.scoreboard .container .board .row {
|
|
width: 100%;
|
|
height: 20%;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.scoreboard .container .board .row .question {
|
|
width: 95%;
|
|
height: 80%;
|
|
border-radius: 25px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #ffae00;
|
|
text-align: center;
|
|
}
|
|
.scoreboard .container .board .row .question h1 {
|
|
font-family: "Inter", sans-serif;
|
|
width: 80%;
|
|
height: 50%;
|
|
margin: auto auto;
|
|
}
|
|
.scoreboard .container .board .row .answer {
|
|
width: 45%;
|
|
height: 90%;
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
font-family: "Inter", sans-serif;
|
|
font-size: 4em;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #2193b0;
|
|
background: linear-gradient(to top, #2193b0, #6dd5ed);
|
|
color: white;
|
|
}/*# sourceMappingURL=styles.css.map */ |