main {
    padding-bottom: 2em;
    padding-left: 5em;
    padding-right: 2em;
    padding-top: 0.5em;
}

main h1 {
    margin-bottom: 1em;
    padding-left: 0.2em;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: White;
    border-width: 2px;
}

main li {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 2em;
    margin-bottom: 1em;
    border-bottom-style: solid;
    border-color: red;
    font-size: 1.5em;
}

main p {
    margin-left: 3em;
    padding-right: 2em;
}

@media screen and (max-width : 700px) {
    
    main {
    padding-bottom: 0em;
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 0em;
}
    
    main p {
        padding-left: 0em;
        margin-right : 0em;
        margin-bottom: 0em;
    }

    main li {
        text-align: center;
        border-bottom-style: solid;
        border-bottom-color: red;
        list-style-type: none;
        font-size : 1.2em;
    }

    main h1 {
        margin-bottom: 0.7em;
        border-bottom-style: solid;
        border-bottom-color: red;
        border-left-style: none;
    }
    
    ul{
        padding-left : 0;
    }
}