@charset "utf-8";
/* 練習用デザイン */

/* 背景色の変更 */
body {
background-color: #4B4B4B;
background: linear-gradient(to bottom, #4B4B4B, #282828) fixed;
}

/* 飾り枠のデザイン修正 */
.block {
background-color: #5F5F5F;
border-radius: 5px;
}

/* リンク色の変更 */
a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #323232; background-color: #B0B0B0; }
a:active { color: #FFFF00; }


/* 見出しのデザイン修正 */
.pop {
color:#5F5F5F; /* ダークグレー */
background-color:#FFB429; /* オレンジイエロー */
border-radius: 5px;
}

/* 640px以下の解像度を持つ端末用の設定 */
@media screen and (max-width: 640px) {

    body { margin:0px; padding:0px; font-size: 1em; }
    .block { margin:4px; padding:4px; width:auto; }

}