@charset "utf-8";
/* 初期設定 */
* { box-sizing:border-box; transition: 0.3s; }

html {
	background-size:cover;
}
h1,h2 {
	margin:0;
	margin-bottom:20px;
	font-family: Verdana, 'BIZ UDPゴシック',  Meiryo, メイリオ, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.2em; }

.section { margin:1em 0 1em 2em; }

/* リンク色 */
a:link { color: #0044ff; background: transparent; text-decoration: none; transition: 0.4s; }
a:visited { color: #0099ff; background: transparent; text-decoration: none; }
a:hover { color: #0044ff; background: #cceeff; text-decoration: underline; }

html{
  background:
  radial-gradient(circle at left top, #ffff0088 , transparent 50% ),
  radial-gradient(circle at left bottom, #ff000088 , transparent 50% ),
  radial-gradient(circle at right bottom, #aa00ff88 , transparent 40% ),
  radial-gradient(circle at right top, #88ff0088 , transparent 50% );
  background-size: cover;
  background-attachment:fixed;
}

body {
  width:70%;           /* 横幅は画面の70% */
  max-width: 800px;    /* ただし最大横幅は800ピクセルまで */
  margin:1em auto;     /* 上下に１文字分の余白。左右は中央揃え */
  background: white;   /* 背景色を白色にする */
  padding:1.5em;       /* 余白を1.5文字分 */
  border: solid 1px #bbb;  /* 周囲にグレーの枠線を引く  */
  border-radius:10px;      /* ついでに角を丸くする */
  line-height:180%;        /* 行間を広くする*/
  font-size: 16pt;         /* 文字を大きめに */
  font-family: Verdana, 'BIZ UDP明朝 Medium', Meiryo, メイリオ, serif;
  /* 明朝系のフォントを使う */
}
h1{
  display:inline-block;
  background: linear-gradient(to right, #40E0D0, #FF8C00, #FF0080);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}