body {
    background-color: #C8102E;
    margin: 0;
    position: relative;

}

h1 {
    margin: 10px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 3rem;
    color: white;

}

p {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.5rem;
    color: white;

}

li {
   list-style: none;

}

div {
    border: 3px solid gold;       

}

.card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: calc(100%  / 3);
    margin: 1.5rem;
    padding: 0;
    border: 1px solid rgba(55, 56, 58, 0.1);
    border-radius: 5px;
    background-color: whitesmoke;

}

.card:hover {
            box-shadow: 0 0 2rem -0.7rem black;
            border: 1px solid black;
}