--- /dev/null
+
+main {
+ width: 100%;
+ display: flex;
+ flex-flow: row wrap;
+}
+
+footer {
+ position: absolute;
+ top: 110%;
+}
+.side{
+ width: 50%
+}
+.panel{
+ display: flex;
+ flex-flow: row nowrap;
+ padding: 1em;
+ border: 1px #AA55AA dashed;
+}
+.text{
+ width: 80%
+}
+.buttons {
+
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+ margin: 0;
+ padding: 0;
+ justify-content: space-between;
+}
+
+button {
+ flex-grow: 1;
+ border: 0;
+ border-bottom: 2px black solid;
+ overflow: hidden;
+ background-color: white;
+ transition: background-color 0.3s ease-in, color 0.3s ease-in;
+}
+
+button:hover {
+ background-color: darkgrey;
+ color: white
+}
+
+textarea {
+ font-size: 1.5em;
+ overflow: auto;
+ height: 15em;
+ background-color: rgba(255, 255, 255, 0.8);
+ padding: 0;
+ margin: 0;
+ border: 0;
+ border-right: 2px black solid;
+}