a#start {
    display                : inline-block;
    text-decoration        : none;
    background-color       : #970512;
    color                  : white;
    cursor                 : pointer;
    font-size              : 20px;
    line-height            : 50px;
    text-align             : center;
    margin                 : 0;
    height                 : 50px;
    padding                : 0px 33px;
    border-radius          : 25px;
    max-width              : 100%;
    white-space            : nowrap;
    overflow               : hidden;
    text-overflow          : ellipsis;
    font-weight            : bold;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 600px) {
    a#start {
        margin-bottom: 4rem;
    }
}

h1.title {
    color: white;
}

h1#toptitle {
    margin-top: 25vh;
}

@media (max-width: 600px) {
    h1#toptitle {
        margin-top: 15vh;
    }
}

div.desc-div {
    background-color: rgba(230, 230, 230, 0.8);
    border-radius   : 25px;
}

div.desc-div p {
    margin-top   : 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

html {
    min-height: 100%;
}

body {
    min-height         : 100%;
    background-image   : url(../img/austria.jpg);
    background-position: center;
    background-repeat  : no-repeat;
    background-size    : cover;
    margin             : 0 !important;
    padding            : 0 !important;
}

html,
body {
    margin: 0 !important;
}

#credits {
    position        : absolute;
    bottom          : 10px;
    left            : 3%;
    background-color: rgba(250, 250, 250, 0.6);
    border-radius   : 10px;
    z-index         : -3;
}

@media (max-width: 600px) {
    #credits {
        position  : relative;
        margin-top: 4rem;
        bottom    : 10px;
        left      : 0;
    }
}

#form {

    background-color: rgba(250, 250, 250, 0.8);
    border-radius   : 25px;
    margin-bottom   : 3rem;
}

@media (max-width: 600px) {
    #form {
        width  : 90%;
        padding: 1.5rem;
    }
}

@media (max-width: 850px) {
    #form {
        width  : 80%;
        padding: 1.5rem;
    }
}

@media (min-width: 851px) {
    #form {
        width  : 60%;
        padding: 3rem;
    }
}

canvas {
    border-radius: 15px;
    box-shadow   : 0 0 10px rgba(0, 0, 0, 0.8) inset;
}

#clearButton {
    float: right;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}