@font-face { 
    font-family: darumadrop; 
    src: url("/fonts/darumadrop.ttf"); 
}

@font-face { 
    font-family: azuki; 
    src: url("/fonts/azuki.ttf"); 
} 

body {
  background-image: url("https://cdn.discordapp.com/attachments/692174117272551475/1066908725417365576/IMG_0934.png"), url("https://64.media.tumblr.com/b2927edf1a8f4c5fa93a155a5fcdd95c/tumblr_mg39z85l0w1qhv1kzo1_640.jpg");
  background-size: 500px, cover;
  background-position: top left;
  background-repeat: no-repeat, repeat;
}

.main {
    height: 90vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content {
    margin-top: 10vh;
    min-width: 500px;
    width: 50vw;
    height: 80vh;
    border: 1px solid;
    border-radius: 10px;
    background-image: url("/marimo/images/t36-bg-polkadot.gif");
    background-color: #ADCC9B;
    z-index: 1;
}

.content > .container {
    height: calc(80vh - 170px);
    margin: 0px 20px;
    padding: 30px;
    background-color: #fcfcfc;
    overflow-y: scroll;
    border: 1px solid #AAAAAA;
    border-radius: 10px;
}

.content > .container::-webkit-scrollbar {
  display: none;
}

.content > .container > .header {
  height: 20px;
  border-bottom: 1px solid #AAAAAA;
}

.content > .container > .header > button {
  width: auto;
}

.content > .container > .header > button:hover {
  width: auto;
  background-color: #000;
}

.title {
  line-height: .75;
  height: 90px;
  font-family: darumadrop;
  font-size: 95px;
  margin: 0px 20px;
  color: #0d631d;
  position: sticky;
  z-index: 2;
}