@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

body {
   background: linear-gradient(to right, orange, #cd5c5c);
   color: black;
   font-family: 'VT323', monospace;
   font-size: 1.25rem;
   font-weight: bold;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
}

h1 {
   padding-bottom: 0.5em;
}

ul {
   padding-bottom: 2em;
}

.game-rules-list {
   font-weight: normal;
   list-style-position: inside;
   list-style-type: square;
}

.content-square {
   border: 5px ridge lightgrey;
   text-align: center;
   padding: 1em;
   width: 350px;
   height: 350px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}

.game-info p:first-child {
   padding-bottom: 1em;
}

.dice {
   width: 150px;
   height: 150px;
}

.roll-button {
   width: 40%;
   margin: 0 auto;
   color: black;
   font-family: 'VT323', monospace;
   font-size: 1rem;
   padding: 0.5em;
}

}