body {
  font-family: roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, noto, segoe ui, arial, sans-serif;
}
.stripe-thin {
  background-image: url(../img/stripe-thin.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.bg-green {
  background-color: #99ffff;
}
.sep {
  width: 80px;
  height: 20px;
}
.bg-sign {
  background-image: url(../img/sign.png);
  background-repeat: no-repeat;
  background-position: right 20px bottom 20px;
  background-size: 24px 24px;
}
.stripe-thick {
  background-image: url(../img/stripe-thick.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
nav > a.link {
  outline-style: none;
}
ul {
  list-style: square;
}
@media screen and (max-width: 30em) {
  .sep {
    width: 40px;
    height: 10px;
  }
  .bg-sign {
    background-position: right 14px bottom 14px;
    background-size: 12px 12px;
  }
}

.sc{
  float: right;
  font-size: 17px;
  border: none;
  cursor: pointer;
  animation-duration: 1000ms;
   animation-name: blink;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}
@keyframes blink {
   from {
      opacity: 1;
      color: darkred;
   }
   to {
      opacity: 1;
      color: red;
   }
 }