@import url("styles-template.css");

.courseFlow {
    font-size: 1.4rem;
    padding: 2rem .75rem  2rem 1rem;
    color: black;
    
    & a, a:visited {
        color: darkgoldenrod
    }

}

p {
    margin-bottom: 1.5rem;
    
    }

ul {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    line-height: 1.25em;
    list-style-type: none;
    
    & li {
        text-decoration: none;
    }
    
}
.stars {
    list-style-type: "★";
    margin-left: 1.5rem;
    margin-bottom: 3rem;
    
    
    
    & li {
        padding-left: 1rem;
        font-size: 1rem;
        

        & span {
            
            font-size: 1.4rem;

        }
    }

}

a {
    color: black;
    text-decoration: none;
    &:visited {
        color: black;
    }
}

.pics {
    margin-top: 3rem;
    display: flex;
    justify-content: start;
    
    & img {
        width: 20rem;

    }            /* margin-top: 5rem; */
        
}
    

@media screen and (min-width: 720px) {
    .courseFlow {
        max-width: 65%;
        margin: 0 auto;
    }
    .pics {
        justify-content: start;
        & img {
            width: 30rem;
        }
    }
}