.main {
    background: -webkit-linear-gradient(bottom, rgb(244, 244, 246) 75%, rgb(244, 244, 246) 5%, rgb(62, 62, 69) 5%, rgb(62, 62, 69) 25%);
    height: 1000px;
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    color: #656675;
}

.card-header {
    font-size: 25px;
    cursor: pointer;
}

.active {
    color: black;
    font-size: 25px;
    font-weight: bold;
}

.next {
    font-weight: bold;
    color: #A3A3A3;
    letter-spacing: 1pt;
    word-spacing: 2pt;
    font-size: 28px;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    line-height: 1;
    text-decoration: none;
}

.next:hover {
    color: black;
    cursor: pointer;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.modal-dialog,
.modal-content {
    height: 90%;
}

.choice {
    font-size: 25px;
    font-weight: bold;
}

.choice:hover {
    color: black;
    cursor: pointer;
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Georgia;
    color: #ffffff;
    font-size: 22px;
    padding: 10px 16px;
    background: #3e3e45;
    text-decoration: none;
    width: 40%;
    float: right
}