@font-face {
    font-family: Zeyada;
    src: url("Zeyada-Regular.ttf");
}

h1 {
    font-size: 4em;
}
h1.handwritten {
    font-family: Zeyada;
}
select, textarea {
    box-shadow: 0 0 5px lightblue;
}
.form-floating {
    margin: 10px 0;
}
.form-floating > textarea.auto-expand {
    resize: none;
    min-height: 100px;
}

@keyframes print {
    0% {
        height: 1em;
    }
    10% {
        height: 10em;
    }
    15% {
        height: 10em;
    }
    100% {
        height: 100em;
    }
}

.printer {
    background-color: #111;
    width: 100%;
    height: 48px;
}
.paper {
    position: relative;
    width: calc(100% - 16px);
    height: 1em;
    margin-left: 8px;
    animation: print 1s 0.5s linear;
    animation-fill-mode: forwards;
    box-shadow: 0 0 10px black;
    background-color: #eee;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
    transform: translateY(-24px);
    font-size: 3px;
    overflow: hidden;
}
.content {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 5em;
    right: 0;
}
.content-icon {
    font-size: 200px;
}

img {
    max-width: 100%;
    max-height: 100%;
}