h1 {
    /*margin: 0;*/
    margin: -0.5rem -0.5rem 0 -0.5rem;
    padding: 1.5rem;
    color: white;
    /* background-color: blue; */
    background: linear-gradient(135deg, blue, lightblue, lightgreen, white);
    /* border-radius: 1rem; */
    /* text-align: center; */
    /* text-shadow: 0.5rem 0.5rem 1rem white, 1rem 1rem 1rem yellow; */
    text-shadow: 0 0 0.5rem blue;
    /* text-shadow: -1px -1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.25), 3px 3px 3px rgba(0,0,0,.25), 10px 10px 20px rgba(0,0,0,.5), 20px 40px 40px rgba(0,0,0,.5); */

    /* text-shadow: -2px -2px 0 rgba(255,255,255,1), -1px -1px 0 rgba(255,255,255,1), 1px 1px 0 rgba(0,0,0,.25), 3px 3px 3px rgba(0,0,0,.25), 10px 10px 20px rgba(0,0,0,.5), 20px 40px 40px rgba(0,0,0,1); */

    /* text-shadow: -2px -2px 0 rgba(0,0,0,.25), -1px -1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.25), 3px 3px 3px rgba(0,0,0,.25), 10px 10px 20px rgba(0,0,0,.5), 20px 40px 40px rgba(0,0,0,.5); */
}

.iconized h2 {
    margin-top: 0;
}

body {
    /*margin: 0;*/
}

.card {
    margin-top:    1rem;
    margin-bottom: 1rem;
    margin-left:   0.5rem /* 1rem */ ;
    margin-right:  0.5rem /* 1rem */ ;
    padding: 1rem;

    border-radius: 1rem;

    box-shadow: 0px 0px 1rem 0rem lightgray
}

.iconized{
    display: grid;
    /* grid-template-columns: min-content auto; */
    grid-template-columns: auto 1fr;
    column-gap: 1rem;

    margin-top: 1rem;
    margin-bottom: 1rem;
}

.icon {
    /* float: left;
    clear: both; */
    height: 2rem;

}

.right {
    /* float: right; */

}

ul, ol {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.list > li {
    margin-top: 0.5rem;
}