assets/rpsls.css

   1 body {
   2   text-align: center;
   3   font-family: Merriweather, serif;
   4   font-size: 24px;
   5 }
   6
   7 input {
   8   display: block;
   9   margin: 50px auto;
  10   line-height: 42px;
  11   padding-left: 10px;
  12   font-size: 24px;
  13 }
  14
  15 button {
  16   background-color: #4CAF50; /* Green */
  17   border: none;
  18   color: white;
  19   padding: 15px 32px;
  20   text-decoration: none;
  21   font-size: 24px;
  22   display: block;
  23   margin: 50px auto;
  24   cursor: pointer;
  25 }
  26
  27 .options {
  28   width: 800px;
  29   margin: 0 auto 30px auto;
  30 }
  31
  32 .options img {
  33   display: inline-block;
  34   width: 20%;
  35   margin: 0;
  36 }
  37
  38 .options img:hover {
  39   cursor: pointer;
  40   background-color: lightblue;
  41 }
  42
  43 .choices {
  44   width: 320px;
  45   margin: 0 auto 30px auto;
  46 }
  47
  48 .choices img {
  49   display: inline-block;
  50   width: 50%;
  51   margin: 0;
  52 }
  53
  54 img.animated {
  55   display: block;
  56   width: 200px;
  57   margin: 50px auto;
  58 }