@font-face {
  font-family: "keifont";
  src:
    url("/fonts/keifont.woff") format("woff"),
}
body {
  margin: 0;
  background: #dffbfb;
  font-family: keifont;
}
h1 {
  margin: 0px;
  padding: 0px;
}
.main-frame {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.main {
  max-width: 600px;
  height: 100%;
  width: 100%;
}
.input-message {
  width: 95%;
}
.bottom-ui {
  height: 70px;
  border-radius: 10px;
}
.message-list {
  min-height: 70px;
  border: #bde5e5 solid 1px;
  border-radius: 10px;
  overflow-y: scroll;
}
.small {
  font-size: 10px;
  color:#454545;
}
.message-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #bde5e5;
}
#face-icon {
  height: 21px;
  transform: translateY(6px);
}
.entrants{
  position:fixed;
}
.span-button{
  border-radius: 10px;
  border: #bde5e5 solid 1px;
}
img{
  max-width:580px;
}