xmas-bingo/style.css
2019-12-26 15:23:09 -06:00

64 lines
1.1 KiB
CSS

body {
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
hr {
width: 80%;
margin: 5px;
}
.card-header {
width: 100%;
margin-bottom: 8px;
text-align: center;
}
.card-header-title {
font-size: 300%;
color: black;
width: 100%;
}
.card-row {
display: flex;
flex-direction: row;
justify-content: center;
}
.card-body {
background-color: red;
background-image: linear-gradient(45deg, white 25%, transparent 25.5%, transparent 50%, white 50.5%, white 75%, transparent 75.5%, transparent);
background-size: 20px 20px;
padding: 8px;
}
.card-column {
display: flex;
flex: 1;
flex-direction: column;
border: solid thin grey;
height: 110px;
margin: 5px;
padding: 2px;
box-shadow: 4px 4px grey;
border-radius: 5px;
font-size: 135%;
vertical-align: middle;
text-align: center;
justify-content: center;
align-items: center;
background-color: white;
}
.card-column.rare {
color: red;
}
.card-column.uncommon {
color: green;
}
.card-column.common {
color: unset;
}