* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.banner {
    border: solid 1px black;
    background-image: url(./bannerImage.jpg);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 1.2rem;
}

.banner h1 {
    color: whitesmoke;
    text-shadow: black -.1rem .1rem .2rem;
}

.heading {
    font-size: 2.4rem;
    margin: 3rem auto;
    padding: .5rem;
    text-align: center;
}

.card {
    width: fit-content;
    background: none;
    margin: auto;
    border-radius: 15px;
    border: black solid .1rem;
}

.card-head {
    width: 100%;
    padding: 1.1rem;
    border-radius: 15px;
    background-color: rgb(216, 216, 216);
}

.card-body {
    width: 100%;
    padding: 1.1rem;
}

.head-text {
    font-size: 1.5rem;
    color: whitesmoke;
    text-shadow: black -2px 2px 4px;
}

.body-text {
    font-size: 1.2rem;
}