body{
    font-family: Arial, Helvetica, sans-serif;
}
p{
    margin: 0;
}

.main-content{
    
}
.card-link{
    text-decoration: none;
}
.card{
    box-sizing: border-box;
    background-color: rgb(213, 213, 213);
    border: 1px solid black;
    border-radius: 1rem;
    padding: 15px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: background-color 0.25s ease;
    
}
.clickable{
    transition: border-radius 0.25s ease;
}
.clickable:hover{
    background-color: rgb(178, 178, 178);
    border-radius: 1.5rem;
}
.card-title{
    text-align: center;
}