@import "fonts.css";
@import "nav.css";
@import "contact.css";
@import "tb-specs.css";
@import "tb-editions.css";
@import "links.css";
@import "alignment.css";
@import "menu.css";

:root {
  --Montserrat: "Montserrat", sans-serif;
  --Roboto: "Roboto Slab", sans-serif;
  --Blue: #2c415f;
  --BlueDark1: #273a55;
  --BlueDark2: #23344c;
  --BlueLight: #3c5982;
  --BlueBorder: #8ca3c4;
  --bfw: 400; /* button font weight */
  --btc: white; /* button text color */
  --NavWidth: 12.8rem;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--Blue);
  color: white;
  font-family: var(--Montserrat);
}

content {
  display: block;
  padding: 1rem 2rem 0rem 2rem;
  margin-left: var(--NavWidth);
  /* border-left: 4px double #fffd; */
}

p {
  text-align: justify;
  line-height: 1.8rem;
}

subheader {
  margin-top: 2rem;
  font-size: 1.5rem;
  display: block;
  border-bottom: 1px solid white;
}

subheader2 {
  margin-top: 2rem;
  font-size: 1.2rem;
  display: block;
  /* border-bottom: 1px solid white; */
}

buy {
  position        : absolute;
  display         : none;
  margin-left     : 1rem;
  padding         : 0rem 0.8rem 0.8rem 0.8rem;
  text-align      : center;
  border          : 4px solid #8ca3c4;
  width           : auto;
  height          : auto;
  background-color: white;
}
buy p {
  color: var(--Blue);
  font-weight: bold;
  font-family: var(--Montserrat);
  text-align: center;
}
.pointer
{
  cursor: pointer;
}