:root {
    --input-field-bg-color: #feffffee;
    --input-field-border-color: #ccc;
}
main {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 20px;
    gap: 30px;
    form {
        display: flex;
        flex-direction: column;
        gap: 5px;

        div.input-field {
            display: flex;
            flex-flow: row nowrap; 
            justify-content: space-between;
        }

        input {
            font-size: 1.125rem;
            padding: 0.25rem 0.5rem ;
            background-color:var(--input-field-bg-color);
            border: 1px solid var(--input-field-border-color);
            border-radius: 8px;
        }

        button#copy-to-clipboard-button {
            margin: 20px;
        }
    }
    section {
        font-family: 'calibri';
    }
}