This commit is contained in:
chris 2021-12-29 11:20:49 -05:00
commit 595dc73ed5
2 changed files with 13 additions and 8 deletions

View File

@ -7,8 +7,7 @@
} }
body { body {
background-color: #6db6c2; background-color: rgb(82, 100, 100);
/* rgb(73, 109, 109);*/
/* height: 100vh; */ /* height: 100vh; */
/* width: 100vw; */ /* width: 100vw; */
/* margin: 0 auto; */ /* margin: 0 auto; */
@ -22,12 +21,14 @@ main {
Verdana, sans-serif; Verdana, sans-serif;
flex-wrap: wrap; flex-wrap: wrap;
width: 100vw; width: 100vw;
height: 100vh; min-height: 100vh;
align-items: center; align-items: center;
position: relative;
/* margin: 0 auto; */ /* margin: 0 auto; */
padding-bottom: 2.5rem;
} }
.name { .name {
font-size: 2rem; font-size: 3rem;
display: flex; display: flex;
margin: 0 0 20px; margin: 0 0 20px;
padding: 10px 0; padding: 10px 0;
@ -80,7 +81,7 @@ main {
align-items: center; align-items: center;
/* height:250px; */ /* height:250px; */
width: auto; width: auto;
font-size: 4.5rem; font-size: 6rem;
user-select: none; user-select: none;
} }
@ -89,10 +90,13 @@ main {
} }
.player { .player {
padding: 20px; /* padding: 20px; */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
/* flex-grow: 1; */
margin: 3%; margin: 3%;
gap: 0;
} }
.buttons { .buttons {
@ -115,8 +119,9 @@ main {
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: space-evenly;
width: 100%; width: 100%;
position: relative; position: absolute;
bottom: 0; bottom: 0;
height:fit-content;
} }
.buttonText { .buttonText {
font-size: 0.65rem; font-size: 0.65rem;