* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1 {
    text-align: center;
    margin-bottom: 5%;
}

.container {
    display: flex;
    flex-direction: column;
    max-width: 80%;
    margin: 0 auto;
}

.textarea {
    width: 100%;
    height: 30vh;
}

.result {
    width: 100%;
    height: 30vh;
    border: 2px solid #686868ef;
    border-radius: 8px;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

button {
    /* background-color: aquamarine; */
    height: 5vh;
    margin-bottom: 3%;
}

button:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-1x);
}