@import "https://envs.net/fonts/jetbrains-mono/font.css";

* { font-family: JetBrains Mono, monospace; }

body {
  margin:0;
  padding:0;
  background-color:#F3F3F3;
}

#divbodyholder {
  padding:5px;
  background-color:#DDD;
  width:100%;
  max-width:874px;
  margin:24px auto;
}

#divbody {
  border:solid 1px #ccc;
  background-color:#fff;
  padding:0px 48px 24px 48px;
  top:0;
}

.headerholder {
  background-color:#f9f9f9;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-right:solid 1px #ccc;
}

.header {
  width:100%;
  max-width:800px;
  margin:0px auto;
  padding-top:24px;
  padding-bottom:8px;
}

.content {
  margin-bottom:5%;
}

.nomargin {
  margin:0;
}

.description {
  margin-top:10px;
  border-top:solid 1px #666;
  padding:10px 0;
}

h3 {
  font-size:20pt;
  width:100%;
  font-weight:bold;
  margin-top:32px;
  margin-bottom:0;
}

.clear {
  clear:both;
}

#footer {
  padding-top:10px;
  border-top:solid 1px #666;
  color:#333333;
  text-align:center;
  font-size:small;
}

a {
  text-decoration:none;
  color:#003366;
}

/*
a:visited {
  text-decoration:none;
  color:#336699 !important;
} */

a:hover {
  text-decoration:underline;
  text-decoration-style: dotted;
  text-decoration-color: red;
  text-underline-offset: 0.1vw;
}

blockquote {
  background-color:#f9f9f9;
  border-left:solid 4px #e9e9e9;
  margin-left:12px;
  padding:12px 12px 12px 24px;
}
blockquote img {
  margin:12px 0px;
}
blockquote iframe {
  margin:12px 0px;
}

.button {
  background-color: #DDDDDD;
  border: none;
  color: black;
  padding: 0.5vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0.5vw 0vw;
  cursor: pointer;
}

/* .button3 {border-radius: 8px;} */

.button3:hover {
  background-color: #4CAF50
}