Думаю, в них целесообразно менять лишь несколько значений:
Верхняя рамка:
Меняем цвет фона background: #8FD532;.
Обозначение цвета: #8FD532, просто оставляем решётку #,
убираем 8FD532, и ставим свой цвет.
Обратили внимание на внутреннюю тень, создающую скос? Она
на самом деле жёлтого цвета, поэтому цвета для фона подбирайте
зелёно-голубого диапазона. Другие просто не подойдут.
Далее по-порядку стоит размер рамки width: 590px;, вместо 590 подставляем своё значение.
И, наконец, меняем вид шрифта, его размер и цвет. Это строка font-family: Georgia; font-size: 21px; font-style: italic; color:#003366;,
где Georgia — вид шрифта, 21 — размер, #003366 — цвет.
Нижняя рамка:
Меняем цвет фона background: #87CEFA;. Тут можно указать
любой цвет, на котором будет хорошо смотреться белый шрифт.
Далее видим размер рамки width: 590px;, вместо 590 подставляем
своё значение.
У шрифта не трогаем цвет (он красивый белый с тенью), но можем поменять вид шрифта — font-family: Georgia; и его размер — font-size: 23px;