:root {
  --main-color: 75.0; /* hue を黄金角（137.5 度）ずつ加算する。 */
  --sub-color: 195.0;
  --shadow-color:  hsl(var(--main-color),100%,20%);
  --main-border-color: hsla(var(--main-color),50%,60%,0.5);
  --sub-border-color: hsla(var(--sub-color),50%,60%,0.5);
  --main-bg-color: hsla(var(--main-color),50%,60%,0.25); 
  --main-fg-color: hsl(var(--main-color),100%,33%);
  --sub-fg-color:  hsl(var(--main-color),100%,20%);
}

body {
    font-family: "Segoe UI", "UD デジタル 教科書体 N-R";
    margin: 0% 7.5% 0%;
}
p  { line-height: 1.5 }
h1 {
    text-align: center;
    color: var(--main-fg-color);
    text-shadow: 2px 2px 2px var(--shadow-color);
    background-color: var(--main-bg-color);
    border-radius: 5px;
}
h2 {
    color: var(--main-fg-color);
    text-shadow: 0.25px 0.25px 0.25px var(--shadow-color);
    background-color: var(--main-bg-color);
    border-radius: 7.5px;
    padding-left: 10px;
}
h3 { color: var(--main-fg-color); }
h4 { color: var(--sub-fg-color); }
h5 { color: var(--sub-fg-color); }
hr { border: 1px solid var(--sub-border-color); }
div.toggle {
    border-left: 3px dashed var(--main-border-color);
    margin: 0px -10px;
    padding: 0px 10px;
}
address { font-family:'Comic Sans MS', Impact, cursive; }
a.mail {
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
}
a.external::after{
    content: "\1f517";
}
.myspace {
    color: blue;
}

.noscreen { display: none; }

.sourcecode {
  white-space: pre;
}