#ddred {
width: 320px;
height: 100px;
border: 2px solid red;
}

#ddgreen {
    width: 320px;
    height: 100px;
    border: 2px solid greenyellow;
    }

h1 {
    font-size: 64px;
    font-family: Helvetica;
}

h2 {
    font-size: 52px;
    font-family: Helvetica;
}

h3 {
    font-size: 40px;
    font-family: Helvetica;
}

h4 {
    font-size: 32px;
    font-family: Helvetica;
}

h5 {
    font-size: 26px;
    font-family: Helvetica;
}

h6 {
    font-size: 20px;
    font-family: Helvetica;
}

p {
    /*
        Это комментарий внутри CSS файла
        Прошу строго не судить.
    */
    width: 300px;
    height: 200px;
    border: 1px solid gray;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.2;
    font-family: Helvetica;
    color: green;
}

#test {
    color: yellow;
    font-size: 40px;
}

a:link, a:visited {
    color: pink;
    text-decoration: none;
    font-size: 22px;
}

a:hover {
    color: papayawhip;
    text-decoration: none;
}

a:active {
    color: rebeccapurple;
    text-decoration: none;
}