* {
    -webkit-user-select: none;
    user-select: none;
}
body {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100dvw;
    min-height: 100dvh;
    background:#edf1ed;
}
body > .window {
    min-height: 100dvh;
    width: calc(100dvw - 25px);
    max-width: 450px;
}
@font-face {
  font-family: "Lazydog";
  src: url("https://rimubot.netlify.app/rimu/static/font/lazy_dog.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.logo {
    display: flex;
    font-family: "Lazydog", Arial, Helvetica, sans-serif;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    font-size: 25px;
}
.logo::before {
    content: " ";
    display: flex;
    width: 50px;
    height: 50px;
    background-image: url("/media/icon.png");
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top:7px;
}
.logo::after {
    content: "Opinions";
    margin-right: 15px;
}
.f1 {
    opacity: 0;
    transform: translateY(5px);
    filter: blur(3px);
}
.f1.shown {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    transition: 250ms;
}