@font-face {
    font-family: Ubuntu;
    src: url(Ubuntu-Regular.ttf);
}

@font-face {
    font-family: DS-DIGI;
    src: url(DS-DIGI.TTF);
}

.blue {
    background-color: #7289DA;
    border-style: double;
    border-color: blue
}

.blue:hover {
    background-color: #414c75;
}

.blue:active {
    background-color: rgb(0, 92, 8);
}

.red {
    background-color: #cc0000;
    border-style: double;
    border-color: rgb(82, 0, 0)
}

.red:hover {
    background-color: hsl(0, 100%, 19%);
}

.red:active {
    background-color: rgb(153, 0, 255);
}

.darkblue {
    background-color: rgb(77, 103, 197);
    border-style: double;
    border-color: darkblue
}

.darkblue:hover {
    background-color: #223061;
}

.darkblue:active {
    background-color: #009499;
}

.green {
    background-color: #008b00;
    border-style: double;
    border-color: #032700
}

.green:hover {
    background-color: hsl(155, 100%, 21%);
}

.green:active {
    background-color: hsl(342, 100%, 27%);
}

#main {
    width: 500px;
    height: 525px;
    background-color: black;
    border-style: solid;
    font-style: Ubuntu;
    margin-right: auto;
    margin-left: auto;
    padding-top: auto;
    padding-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
}

#display {
    text-align: center;
    font-size: 48px;
    background-color: rgb(22, 22, 22);
    color: rgb(0, 255, 0);
    font-family: DS-DIGI;
}
button {
    width: 24.23%;
    height: 18.10%;
    font-style: Ubuntu;
    font-size: 48px;
}

button:hover {
    cursor: pointer;
}

body {
    background-color: #2C2F33;
}