body{ background: #ffffe0; color: #000000; } h1{ text-align: center; color:#000000; padding: 20px; width: 400pt; border: solid 1px; margin-right: auto; margin-left: auto; } div.memo{ background-color: #c8e7fa; width: 800px; margin: auto; padding: 1em; } div.question{ border: dashed 1px; border-color: #00008b; background-color: #ffffff; width: 800px; margin: auto; padding: 1em; text-align: center; } h2.success{ color: #eb6101; font-size: 300%; } p.center{ text-align: center; } p.keyword{ font-size: 150%; text-align: center; } p.clear1{ color: red; font-size: 300%; text-indent: 0em; text-align: center; text-shadow: #ffc0cb 0 -2px, #ffc0cb 0 2px, #ffc0cb 2px 0, #ffc0cb -2px 0; font-weight: bold; margin: 2em 0em; } p.clear2 { color: green; font-size: 300%; text-indent: 0em; text-align: center; text-shadow: #90ee90 0 -2px, #90ee90 0 2px, #90ee90 2px 0, #90ee90 -2px 0; font-weight: bold; margin: 2em 0em; } p.clear3 { color: blue; font-size: 300%; text-indent: 0em; text-align: center; text-shadow: #87ceeb 0 -2px, #87ceeb 0 2px, #87ceeb 2px 0, #87ceeb -2px 0; font-weight: bold; margin: 2em 0em; } p.success { color: #ff8c00; font-size: 300%; text-indent: 0em; text-align: center; text-shadow: #ffe4b5 0 -2px, #ffe4b5 0 2px, #ffe4b5 2px 0, #ffe4b5 -2px 0; font-weight: bold; margin: 2em 0em; }