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

h1{
    text-align: center;
}

a:visited{
    color: black;
}

.section{

    background-color: #FDFDFD;

    h2{
        text-align: center;
        color: #FDFDFD;
        background-color: rgb(20,20,20);
        padding: 0.5rem;
    }

    .content{
        display: flex;
        padding:0 10% 0;
        
        .left{
            background-color: white;
            margin: 1rem;
            line-height: 1.4;
            min-width: 18rem;

            .unstyled-list{
                padding: 0;
                li{
                    list-style: none;
                    display: flex;
                    align-items: center;
                    img{
                        max-width: 1.2rem;
                        max-height: 1.2rem;
                        margin-right: 0.5rem;
                        margin-bottom: 0.5rem;
                    }
                }
            }
        }

        .right{
            background-color: white;
            margin: 1rem;
            line-height: 1.4;
        }

        h3{
            margin-bottom: 0;
        }

        .date{
            margin: 0;
        }
    }
}

@media (max-width: 660px){
    .section{
        .content{
            display: block;
        }
    }
}