@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,500;0,700;0,900;1,300&display=swap');
body { margin: 0px; background: #00007F; }
.pageContainer {
margin: auto;
display: block;
/* background: lightblue; */
width: 1181px;
}

.hazardStrip { background: #00007F url("img/hazard_stripes.png") top repeat-x; }
.container { max-width: 800px; margin: 0 auto; text-align: center; margin-top: 52px; min-width: 375px; }

img {
   transition: transform 0.5s ease 0.5s;
}

img:hover {
  transform: rotate(-8deg);
}

body {font-family: 'Roboto', sans-serif; }
p, ul { font-weight: 200; font-size: 20px; line-height: 120%; color: #fff; }
h1 { font-weight: 200; font-size: 48px; line-height: 130%; color: #fff; }
h2 { font-weight: 300; line-height: 130%; color: #fff; font-size: 32px; }
h3 { font-weight: 300; line-height: 140%; font-size: 22px; }
a { color: #FFD100; background: rgba(0, 0, 0, 0.33); padding: 4px; text-decoration: none; line-height: 120%; }
.accordion {
  min-width: 375px;
}

.accordion input {
  display: none;
}
::selection { background: #F44336; color: white; }
.accordion label {
  color: #FFD100;
  display: block;
  padding: 12px;
  cursor: pointer;
  border: none;
  text-align: center;
  outline: none;
  font-weight: 300;
  font-size: 22px;
/*   transition: background-color 0.3s ease; */
}

.accordion label:hover {
  color: #ededed;
}

.accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 18px;
  transition: max-height 0.2s ease-out;
}

.accordion input:checked ~ .accordion-content {
  max-height: 500px;
}