styles/starter.css

   1
   2 main {
   3   width: 100%;
   4   display: flex;
   5   flex-flow: row wrap;
   6 }
   7
   8 footer {
   9   position: absolute;
  10   top: 110%;
  11 }
  12 .side{
  13   width: 50%
  14 }
  15 .panel{
  16   display: flex;
  17   flex-flow: row nowrap;
  18   padding: 1em;
  19   border: 1px #AA55AA dashed;
  20 }
  21 .text{
  22   width: 100%
  23 }
  24 .buttons {
  25
  26   width: 20%;
  27   display: flex;
  28   flex-direction: column;
  29   margin: 0;
  30   padding: 0;
  31   justify-content: space-between;
  32 }
  33
  34 button {
  35   flex-grow: 1;
  36   border: 0;
  37   border-bottom: 2px black solid;
  38   overflow: hidden;
  39   background-color: white;
  40   transition: background-color 0.3s ease-in, color 0.3s ease-in;
  41 }
  42
  43 button:hover {
  44   background-color: darkgrey;
  45   color: white
  46 }
  47
  48 textarea {
  49   font-size: 1.5em;
  50   overflow: auto;
  51   height: 15em;
  52   background-color: rgba(255, 255, 255, 0.8);
  53   padding: 0;
  54   margin: 0;
  55   border: 0;
  56   border-right: 2px black solid;
  57 }
  58 #vsorccommand {
  59   width: 83%;
  60   height: 2em;
  61
  62 }