Skip to content

Instantly share code, notes, and snippets.

@hobnob
Created February 1, 2022 21:25
Show Gist options
  • Save hobnob/10a193a167813b95c690a35cccd9bfc1 to your computer and use it in GitHub Desktop.
Save hobnob/10a193a167813b95c690a35cccd9bfc1 to your computer and use it in GitHub Desktop.
Initial main.css for Indigo + Tyrian
* {
box-sizing: border-box;
font-family: monospace;
}
html, body {
height: 100vh;
padding: 0;
margin: 0;
}
.main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: black;
height: 100vh;
overflow: auto;
position: relative;
justify-content: center;
}
.game {
flex-basis: 100%;
text-align: center;
padding: 2rem;
}
.counter {
position: absolute;
right: 2rem;
top: 2rem;
font-size: 3rem;
font-weight: bold;
color: white;
}
.btn {
padding-bottom: 2rem;
}
.btn button {
text-align: center;
height: 2rem;
font-size: 2rem;
line-height: 0;
padding: 2rem;
background-color: green;
border: 5px solid darkgreen;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment