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;
}