:root {
    color-scheme: light dark;
    --bg-col: light-dark(white, #223a2c);
    --outline: light-dark(rgb(211, 211, 211), #767579);
}

* {
    font-family: sans-serif;
    font-size: large;
    transition: transform 0.1s;
}

body {
    margin: auto;
    padding: 2rem;

}

body,
textarea {
    background-color: var(--bg-col)
}



.container {
    padding-top: 30vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

textarea {
    resize: both;
    border: 0.1rem solid var(--outline);
    border-radius: 0.25rem;
    max-width: 100%;

}


textarea:focus,
input:focus {
    outline: 0.1rem solid rgb(103, 138, 190);
    outline-offset: 0px;
}