body {
    overflow: hidden;
}

#body {
    height: 100%;
    width: 100%;
    z-index: -1000;
}

#title {
    font-family: 'Monoton', cursive;
    font-size: 40px;
    color: purple;
}

#navbarDropdown {
    font-family: 'Permanent Marker', cursive;
    font-size: x-large;
    color: orange;
}

#options {
    font-family: 'Permanent Marker', cursive;
    color: darkorange;
    font-size: large;
}
#drop-options {
    font-family: 'Permanent Marker', cursive;
}

#card {
    font-family: 'Permanent Marker', cursive;
    font-size: 15px;
}

.card {
    background-color: dimgray;
}

.navbar {
    position: absolute;
    z-index: 100;
    height: 80px;
}

#main {
    background-color: #343a40!important;
    position: absolute;
    margin-top: -45%;
    margin-left: 20%;
}

#jumbo {
    font-family: 'Permanent Marker', cursive;
    color: white;
}

.invisible {
    visibility: hidden;
    z-index: -100;
}

.modal {
    position: absolute;
    left: 30%;
}

#video {
    position: absolute;
    left: -25%;
    z-index: 200;
}