html {
  font-family: "Courier New", Courier, monospace;
  background: #ffe5f2;
  color: #4b2639;
}

body {
  margin: 0;
  background: #ffe5f2;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.45) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.45) 1px, transparent 1px);
  background-size: 16px 16px;
}

a {
  color: #bd2f78;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  background: #fff0f8;
  outline: 2px solid #ffadd3;
}

.page {
  width: 92%;
  max-width: 920px;
  margin: 22px auto 34px;
}

.win {
  border: 4px solid #d96fa4;
  background: #fff8fc;
  box-shadow: 8px 8px 0 #b84f85;
}

.bar {
  padding: 8px 10px;
  border-bottom: 4px solid #d96fa4;
  color: white;
  background: #ff69ad;
 /*  background-image: repeating-linear-gradient(90deg, #ff69ad, #ff69ad 8px, #f4549d 8px, #f4549d 16px);*/
  font-weight: bold;
  text-shadow: 2px 2px 0 #982a67;
  overflow: hidden;
}

.head {
  padding: 18px;
  border-bottom: 4px solid #f4a6ca;
  background: #ffeaf5;
  overflow: hidden;
}

h1 {
  margin: 0;
  font-size: 42px;
  line-height: 1;
  font-weight: bold;
  text-transform: lowercase;
  text-shadow: 2px 2px 0 #ffd1e7;
  -webkit-animation: titlepop .45s steps(3, end) both;
  animation: titlepop .45s steps(3, end) both;
}

.cursor {
  -webkit-animation: blink 1s steps(2, start) infinite;
  animation: blink 1s steps(2, start) infinite;
}

p {
  margin: 0;
  color: #9a5a78;
  font-size: 15px;
  line-height: 1.45;
}

.list {
  padding: 14px;
}

table {
  width: 100%;
  border-collapse: collapse;
  border: 3px solid #f0a0c5;
  background: white;
  box-shadow: 4px 4px 0 #f5bdd6;
}

th {
  padding: 8px;
  border-bottom: 3px solid #f0a0c5;
  background: #ffe0ef;
  color: #8f1f5b;
  text-align: left;
  font-size: 14px;
}

td {
  padding: 7px 8px;
  border-bottom: 1px dotted #ebb0cc;
  font-size: 14px;
  white-space: nowrap;
}

tr:nth-child(even) td {
  background: #fff6fb;
}

tr:hover td {
  background: #ffe4f2;
}

img {
  image-rendering: pixelated;
  vertical-align: middle;
}

address {
  display: none;
}

@-webkit-keyframes blink {
  50% { opacity: 0; }
}

@keyframes blink {
  50% { opacity: 0; }
}

@-webkit-keyframes titlepop {
  from { opacity: .7; -webkit-transform: translateY(4px); }
  to { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes titlepop {
  from { opacity: .7; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
  .page {
    width: 94%;
    margin-top: 12px;
  }

  .win {
    box-shadow: 5px 5px 0 #b84f85;
  }

  h1 {
    font-size: 30px;
  }

  .list {
    overflow-x: auto;
  }
}