html, body {
    height: 100vh;
    margin: 0;
    overflow: auto;
    background-image: url('cg_background.jpg');
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    background-size: cover;
}

.header {
    background-color:rgba(255,255,255,0);
    box-shadow: none;
    padding-top: 5%;
    padding-bottom: 10%;
    width: 100%;
}

.main-title {
    font-family: 'Anton', sans-serif;
    color: #00bb00;
    text-align: left;
}

.sub-title {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: blue;
    text-align: left;
}

.text {
    font-family: 'Fredoka One', cursive;
    color: darkblue;
    text-align: center;
    font-size: xx-large;
}

.text-d {
    font-family: 'Roboto Mono', monospace;
    color: darkblue;
    text-align: center;
    font-size: xx-large;
}

.text-ds {
    font-family: 'Roboto Mono', monospace;
    color: darkblue;
    text-align: left;
    font-size: x-large;
}

.mt-5 {
  margin-top: 5 !important;
}

.mb-5 {
  margin-bottom: 5 !important;
}