::selection {
    background-color: #c8d5e6;
    color: #688ebb;
}

body {
  cursor: url("/kawaiiblueheartmd/Normal-Select2-hearth-b.cur"), auto;
  background-color: #dfe7f1;
  color: #688ebb;
  font-family: 'Courier New', Courier, monospace;
  font-size: 12px;
}
#wrapper {
  max-width: 1220px;
  margin: 0 auto;
  margin-top: 200px;
  display: flex;
}
main {
  max-width: 700px;
  padding: 5px;
}
aside {
  width: 250px;
  padding: 5px;
}
footer {
  text-align: center;
}
article {
  max-height: 340px;
  overflow-y: scroll;
  scrollbar-color: #becee2 #dfe7f1;
}
h1 {
  margin: 0;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}
h3 {
  border-bottom: 1px dashed #688ebb;
}
span {
  font-weight: bold;
}
p {
  margin: 0;
}
article p {
  margin-bottom: 20px;
}
nav {
  min-height: 259px;
}
nav ul li {
  list-style: none;
  margin-left: -40px;
  padding: 5px;
  border-bottom: 1px solid #688ebb;
}
nav ul a {
  color: #688ebb;
  text-decoration: none;
  text-align: right;
}
nav ul a li:hover {
  padding-right: 10px;
  font-style: italic;
  font-weight: 700;
  cursor: url("/kawaiiblueheartmd/Alternate-Select-b.cur"), pointer;
}
span.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
.panel-1 {
  padding: 4px;
  margin: 10px;
  background-color: #d4dfec;
  border: 1px solid #688ebb;
  border-radius: 10px;
}
.panel-2 {
  padding: 10px;
  background-color: #dfe7f1;
  border: 1px solid #688ebb;
  border-radius: 6px;
}
.panel-3 {
  padding: 10px;
  border: 1px solid #688ebb;
  border-radius: 6px;
  background-color: #d4dfec;
}
.panel-4 {
  padding: 0;
  background-color: #dfe7f1;
  border: 1px solid #688ebb;
  border-radius: 6px;
}
.stats {
    border-top: 1px dashed #688ebb;
}
.button {
  margin-top: 10px;
  padding: 7px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #688ebb;
  border-radius: 6px;
  background: #D4DFEC;
  background: linear-gradient(0deg, rgba(212, 223, 236, 1) 50%, rgba(223, 231, 241, 1) 50%);
  -webkit-box-shadow: 0px 6px 0px 0px #688EBB;
  box-shadow: 0px 1px 0px 0px #688EBB;
}
.button:hover {
  -webkit-box-shadow: inset 0px 6px 0px 0px #688EBB;
  box-shadow: inset 0px 1px 0px 0px #688EBB;
  font-weight: 400;
  font-style: normal;
}
.panel-3, .update {
  margin-top: 10px;
  padding: 7px;
  border: 1px solid #688ebb;
  border-radius: 6px;
  background: #D4DFEC;
  background: linear-gradient(0deg, rgba(212, 223, 236, 1) 50%, rgba(223, 231, 241, 1) 50%);
  -webkit-box-shadow: 0px 6px 0px 0px #688EBB;
  box-shadow: 0px 1px 0px 0px #688EBB;
}

.mail {
  text-decoration: none;
  color: #688ebb;
}
.mail:hover {
  font-style: italic;
  font-weight: 700;
  cursor: url("/kawaiiblueheartmd/Alternate-Select-b.cur"), pointer;
}