* {    
    transition: opacity 0.5s ease-out;
}

body {
    font-family: sans-serif;
    font-size: 2vh;
}

h1{
    font-size: 5vh;
}

form {
    border: solid lightgray;
}

form.delete {
    opacity: 0;
}

textarea {
    resize: both;
}

.flex {
    display: flex;
}

input[type=number] {
    width: 5em;
}

img {
    height: 13em;
    width: 13em;
    border: solid lightgray;
}

input[type=file] {
    width: 13em;
}

.header {
    position: sticky;
    top: 0px;
    background-color: white;
    display: block;
    border-bottom: solid lightgrey;
}

.username {
    min-width: 13.05em;
}

.hidden {
    display: none;
}

@media (max-aspect-ratio: 2/3) {
    body {
        font-size: 3vw;
    }
    h1 {
        font-size: 7.5vw;
    }
}