/******************************************************/
/* レイアウト設定 */
html,body{
    padding:0;
    margin:0;
    height:100%
}
.inputarea{
    display:inline-grid;
}
.readme{
    position:absolute;
    right:0;
    top:0;
}
.headerarea{
    min-height:40vh;
}
.footerarea{
    overflow: auto;
    max-height:60vh;
}
/* レイアウト設定 */
/******************************************************/
/* 色設定 */
body {
    background-color: white;
    color: #333;
}
input:hover,select:hover{
    background-color: #DDD;
}
@media (prefers-color-scheme: dark) {
    /* ダークテーマ用 */
    body {
        background-color: #333;
        color: white;
    }
    input,select{
        background-color: #535353;
        color: white;
        border-style: solid;
        border-width: 1px;
        border-color: #999;
    }
    input:hover,select:hover{
        background-color: #666;
    }
    a{
        color: #4db8fe;
    }
    a:visited{
        color: #ce9178;
    }
    textarea{
        color: white;
        background-color: #444;
    }
}

/* 色設定 */