css/rpsls.css

   1 #rpsls {
   2     margin-top: 50px;
   3     margin-bottom: 50px;
   4     min-height: calc(100vh - 100px);
   5 }
   6
   7 .topSpacing {
   8     margin-top: 40px;
   9     margin-bottom: 10px;
  10 }
  11
  12 .leftSpacing {
  13     padding-left: 40px;
  14 }
  15
  16 .compChoice {
  17     border: 3px solid red;
  18 }
  19
  20 .humanChoice {
  21     border: 3px solid green;
  22 }
  23
  24 .compChoice.humanChoice {
  25     border: 3px solid black;
  26 }
  27
  28 .image {
  29     width: 20%;
  30     cursor: pointer;
  31 }
  32
  33 .message {
  34     width: 100%;
  35     font-weight: bold;
  36     font-size: 1.2rem;
  37 }
  38
  39 .scoreMsg {
  40     font-size: 1.5rem;
  41 }
  42
  43 .score {
  44     font-weight: bold;
  45 }
  46
  47 #explanations {
  48     background-color: lightgrey;
  49 }
  50
  51 .block {
  52     display: block;
  53     margin: 10px auto;
  54 }
  55
  56 footer {
  57     height: 50px;
  58     width: 100%;
  59 }