/*html*/ 
Body {
    background-color:lightcyan;
    font-size:25px;
}

p { 
    background-color:rgb(99, 254, 195);
    /* border is a shorthand property for border-width, border-style, border-color*/
    border: 10px dashed green;
    text-align: right;

    /* 
        1 value: all sides

        2 value: 1st value = top/bottom, 2nd value = left/right

        4 value: 1st value = top, 2nd value = right, 3rd value = bottom, 4th value = left
        
    */

    padding: 10px 50px 70px 90px;
    margin: 50px 50px 50px 90px;
}

h1 {
    color:darksalmon; 
    text-align:center;
    padding:20px;
}

/* 

we preface classes with . (period) and ids with # (hashtags)

#special {
    background-color:yellowgreen;
}
*/

.special {
    background-color:yellowgreen;
    font-size:50px;
    border-radius: 100%;
}

.center-text {
    text-align: center;
    padding:20px;
}