Skip to content

Instantly share code, notes, and snippets.

@PrimeTimeTran
Created October 12, 2019 13:47
Show Gist options
  • Save PrimeTimeTran/57d72fed8e75b3d454a5ae46fe2bade0 to your computer and use it in GitHub Desktop.
Save PrimeTimeTran/57d72fed8e75b3d454a5ae46fe2bade0 to your computer and use it in GitHub Desktop.
.App {
flex: 1;
display: flex;
min-height: 100vh;
text-align: center;
background-color: #e9ebee;
}
.choice-card {
flex: 1;
display: flex;
margin: 25px;
font-size: 3em;
padding: 0 40px;
font-weight: 300;
text-align: center;
border-radius: 25px;
align-items: center;
flex-direction: column;
border: 1px solid black;
background-color: white;
justify-content: space-around;
border: 10px solid black;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
img {
width: 225px;
height: 225px;
}
h1 {
font-size: 50px;
}
.winner {
color: green;
border: 10px solid green;
}
.loser {
color: red;
border: 10px solid red;
}
button {
margin: 15px;
}
ul {
list-style: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment