html, body {
    background-color: rgb(15, 36, 51);
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.6vh;
}

label {
    color: white;
}

.centered {
    text-align: center;
}

.card-title {
    color: white;
}

.transparent-card {
    background-color: rgba(100, 150, 200, 0.5);
}

.separator {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 10px 0;
}

.discount {
  color: #00cf00;
  padding-left: 20px;
}

.warning {
    color: red;
}

#main {
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
}

#main-card{
    position: relative;
    margin-top: 5vh;
}

#bg {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}