:root{--color-transition-duration: .3s}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@media (prefers-color-scheme: light){:root{color-scheme:light}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--color-transition-duration) ease-in-out}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;transition:background-color var(--color-transition-duration) ease-in-out,color var(--color-transition-duration) ease-in-out,border-color var(--color-transition-duration) ease-in-out}button,a,input,select,textarea{touch-action:manipulation;transition:background-color var(--color-transition-duration) ease-in-out,color var(--color-transition-duration) ease-in-out,border-color var(--color-transition-duration) ease-in-out,box-shadow var(--color-transition-duration) ease-in-out}html{-webkit-text-size-adjust:100%}html{scroll-behavior:smooth}*{-webkit-tap-highlight-color:transparent}.App{text-align:center}.App-header{background-color:#282c34;min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%}.errorMessage{display:grid;background-color:#f08080;box-shadow:0 1px 4px #0009}textarea{height:50vh;min-width:100%;max-width:100%}.btn{position:relative;display:block;margin:30px auto;padding:13px;overflow:hidden;border-width:0;outline:none;border-radius:2px;box-shadow:0 1px 4px #0009;background-color:#2ecc71;color:#ecf0f1;transition:background-color .3s}.btn:hover,.btn:focus{background-color:#27ae60}.btn>*{position:relative}.btn span{display:block;padding:12px 24px}.btn:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:#ecf0f14d;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.btn:active:before{width:120%;padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out}input,textarea{display:block;width:100%;border:0;padding:10px 5px;background:#fff no-repeat;background-image:linear-gradient(to bottom,#1abc9c,#1abc9c),linear-gradient(to bottom,silver,silver);background-size:0 2px,100% 1px;background-position:50% 100%,50% 100%;transition:background-size .3s cubic-bezier(.64,.09,.08,1)}input:focus,textarea:focus{background-size:100% 2px,100% 1px;outline:none}