body {
    background-color: rgb(6, 0, 26);
}

header {
    background-color: rgba(38, 0, 255, 0.103);
    border-bottom: 5px solid rgba(0, 0, 0, 0.137);
}

h1 {
    text-align: center;
    color: rgb(253, 255, 127);
    font-family: 'VT323', monospace;
    font-size: 6em;
    padding: 0 0 10x 0;
}

h2 {
    color: rgb(117, 255, 117);
    font-family: 'VT323', monospace;
}

.container {
    width: 980px;
    margin: 30px auto;
}

.rules p {
    color: rgb(255, 173, 186);
}

p {
    color: rgb(117, 255, 117);
    font-family: 'VT323', monospace;
    font-size: 18px;
    padding: 0 0 10px 0;
}

.board {
    background-color: rgba(38, 0, 255, 0.103);
    width: 400px;
    padding: 17px 0;
    text-align: center;
    float: left;
    margin: 10px 40px;
    border: 5px solid rgba(0, 0, 0, 0.137);
    border-radius: 25px;
}

.display p,
#score {
    font-size: 40px;
}

.crystals {
    clear: both;
    margin: 0 0 10px 0;
}

img {
    height: 150px;
    padding: 0 45px;
}






.display {
    width: 48%;
    margin: auto;
    float: left;
}