/**************
|  style.css  |
**************/

:root {
  font-size: 62.5%;
}

html {
  background-image: url(white_leather.png);
}

*, body {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  color: midnightblue;
  margin: 0 auto;
  padding: 0;
}

body {
  padding-bottom: 1.0rem;
  margin: 1.0rem auto;
  width: 50.0rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}

.container1 {
  box-shadow: 0.2rem 0.2rem 0.5rem #333;
  border: solid 0.3rem midnightblue;
  background-color: whitesmoke;
  border-radius: 1.1rem;
  margin: 1.0rem auto 0;
  text-align: left;
  padding: 0.5rem;
  width: 16.0rem;
}

.container2 {
  box-shadow: 0.2rem 0.2rem 0.5rem #333;
  border: solid 0.3rem midnightblue;
  background-color: whitesmoke;
  border-radius: 1.1rem;
  margin: 1.0rem auto 0;
  text-align: left;
  padding: 0.5rem;
  width: 29.0rem;
}

.pink {
  background-color: lightpink;
}

.blue {
  background-color: lightblue;
}

em {
  color: firebrick;
  font-style: normal;
}

p {
  font-weight: bold;
  margin: 0.5rem;
}

hr {
  margin: 0.5rem;
  color: midnightblue;
  border: solid 0.1rem midnightblue;
}

span {
  font-size: 16px;
}

.px {
  font-size: 20px;
}

.rem {
  font-size: 2.0rem;
}

.rex {
  font-size: 4.0rex;
}

.rch {
  font-size: 4.0rch;
}

.rcap {
  font-size: 3.0rcap;
}

.ric {
  font-size: 2.0ric;
}

.rlh {
  font-size: 1.7rlh;
}

.vw {
  font-size: 1.0vw;
}

.vh {
  font-size: 2.0vh;
}

.vi {
  font-size: 1.0vi;
}

.vb {
  font-size: 2.0vb;
}

.vmin {
  font-size: 2.0vmin;
}

.vmax {
  font-size: 1.0vmax;
}