.container {
    width: min(960px, 90%);
    margin: 0 auto;
}

* {
    box-sizing: border-box;
}

p.dir_column {
    display: flex;
    flex-direction: column;
}

body {
    font-family: "Poppins", "Zen Kaku Gothic New", sans-serif;
    background: #111130;
    color: #c1bdff;
}

input,
textarea {
    font-family: "Poppins", "Zen Kaku Gothic New", sans-serif;
}

input[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 20px;
    padding: 0.5em 2.5em;
    min-width: 150px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background: #e9ff20;
    color: indigo;
}

input[type="submit"]:active {
    background: #aaa;
    color: #222;
}

select#dropdown {
    padding: 0.5em;
    background: aliceblue;
    border: none;
    font-size: 1em;
}

input#title {
    padding: .5em;
    font-size: 1em;
    font-style: italic;
    background: aliceblue;
    border: none;
}

textarea#inputField {
    font-size: 0.9em;
    background: aliceblue;
    border: none;
    padding: 0.5em;
}

p.result {
    border: 6px solid #bcb1f4;
    padding: 1em;
    border-radius: 10px;
}

#title {
    width: min(300px, 90%);
}