@charset "UTF-8";

body {
  padding: 0;
  margin: 0;
  background-color: rgb(0, 0, 0);
}

canvas {
  vertical-align: top;
}

.tl{
    color: rgb(44, 44, 44);
    font-size: 40px;
    font-family: 'Libre Barcode 39 Extended', cursive;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 18px;
}

.ms{
    background: url("../images/flower.gif") repeat;
    background-position: 888px;
    -webkit-background-clip: text;
    color: transparent;
    margin: 0 auto;
    background-position-x: 300px;
    background-position-y: 300px;
    font-size: 40px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 40px;
    text-align: right;
    position: absolute;
    top: auto;
    right: 160px;
    bottom: 80px;
    left: auto;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}