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

body {
    background-color: #242424;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
}

.container {
    text-align: center; /* Center the content inside the container */
}

#display {
    color: #ff0000;
    /*font-family: 'Rubik Lines', system-ui;*/
    font-size: 50px;
}

#controls button {
    border-radius: 50%;
    margin-right: 15px;
}

#footloose, a {
    font-size: 12px;
    color: #535353;
}

h1 {
    color: #cecece;
}

.btn-success, .btn-primary, .btn-danger {
    height: 50px;
    width: 50px;
    box-shadow: inset 0 0 5px 2px #00000080;
}

.btn-success:hover {
    box-shadow: 0 0 5px 2px #00ff55;
}

.btn-primary:hover {
    box-shadow: 0 0 5px 2px #00ccff;
}

.btn-danger:hover {
    box-shadow: 0 0 5px 2px #ff0000;
}