body {
    width: 100%;
    height: 100%;
    margin: 0;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

.header{
    display: flex;
    justify-content: center; 
    align-items: center;
    text-align: center;
    width: 20%;
    height: auto;
    border-block-end: thick double black; 
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}
.title{
    height: auto;
    text-align: center;
    margin: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2rem;
    color: rgb(75, 2, 97);
}

.main-content{
    display: grid;
    justify-content: center; 
    margin-top: 10px;
    margin-bottom: 120px;
}

.div-list{
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
}

.list{
    width: 15rem;
    height: auto;
    margin-bottom: 10px;
}

.text{
    padding: 1px right;
    margin-left: 10px;
    font-family: cursive;
}

.footer{
    justify-content: bottom;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 20px;
}

.text-link{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}