code.kerkeslager.com Git - bigly/blob - src/bigly/static/bigly/styles.css

   1 html, body, h1, h2, input {
   2   background: none;
   3   border: none;
   4   border-radius: 0;
   5   font-size: 14pt;
   6   font-weight: normal;
   7   margin: 0;
   8   padding: 0;
   9   outline: none;
  10 }
  11
  12 html {
  13   font-family: Verdana, Helvetica, sans-serif;
  14   height: 100%;
  15   width: 100%;
  16   margin: 0;
  17   padding: 0;
  18 }
  19
  20 body {
  21   max-width: calc(100% - 6em);
  22   margin: 3em auto;
  23 }
  24
  25 main {
  26   display: flex;
  27   flex-direction: column;
  28   align-items: center;
  29 }
  30
  31 h1 {
  32   font-size: 12vw;
  33   text-align: center;
  34 }
  35
  36 h2 {
  37   font-size: 6vw;
  38   text-align: center;
  39 }
  40
  41 form {
  42   display: flex;
  43   flex-direction: column;
  44   align-items: center;
  45   margin: 3em auto;
  46   max-width: 30em;
  47   width: 100%;
  48 }
  49
  50 form input[type=url] {
  51   border-bottom: 2px solid black;
  52   width: 100%;
  53   padding: 4px;
  54 }
  55
  56 form input[type=submit] {
  57   border: 2px solid black;
  58   border-radius: 5px;
  59   margin-top: 1em;
  60   padding: 5px 8px;
  61   cursor: pointer;
  62 }
  63
  64 form label {
  65   font-size: 12pt;
  66   width: 100%;
  67 }
  68
  69 footer {
  70   margin: 1rem 0 0 0;
  71   text-align: center;
  72 }
  73
  74 footer section:not(:first-child) {
  75   margin-top: 1em;
  76 }