X-Git-Url: https://git.josue.xyz/?p=VSoRC%2F.git;a=blobdiff_plain;f=styles%2Fstarter.css;fp=styles%2Fstarter.css;h=bec7a31f27bccaee79ca8e83f5fa5d718f366501;hp=0000000000000000000000000000000000000000;hb=e79e4a5a87f3e84f7c1777f10a954453a69bf540;hpb=4339da12467b75fb8b6ca831f4bf0081c485ed2c

diff --git a/styles/starter.css b/styles/starter.css
new file mode 100644
index 0000000..bec7a31
--- /dev/null
+++ b/styles/starter.css
@@ -0,0 +1,57 @@
+
+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;
+}