body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 1em;
}

footer {
    margin-top: auto;
    padding: 1em;
}

#inputSct,
#outputSct {
    border: 1px solid #ccc;
    padding: 1.5em;
}

#conversor {
    display: flex;
    flex-direction: row;
    gap: 1em;
}

#outputSct {
    flex: 1;
    background-color: #f9f9f9;
}

h1 {
    font-family: monospace;
    transition: transform 0.2s ease;
    display: inline-block;
}

/*
h1:has(#sub1:hover) {
    transform: rotate(-5deg);
}

h1:has(#sub2:hover) {
    transform: rotate(5deg);
    
}
*/