* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #15404b;
}

strong {
  color: #FFD700;
}

.heroContainer {
  position: relative;
  display: flex;
  margin-bottom: 1em;
}
.heroContainer img {
  width: 100vw;
}

#ALARM a {
  width: auto;
  height: auto;
  text-decoration: none;
}
#ALARM a:visited {
  text-decoration: none;
}
#ALARM .alarmContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: rgb(255, 255, 255);
  font-weight: bolder;
  text-align: center;
  text-shadow: 1px 0 1px black;
  background-color: red;
  height: auto;
  font-size: calc(1em + 30%);
}
#ALARM .alarmContainer p {
  padding: 0.3em 0;
}

.sectionContainer {
  background-image: linear-gradient(115deg, #15404b, #235c6c);
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  color: rgb(255, 255, 255);
}
.sectionContainer .titleContainer {
  text-align: center;
  padding: 2em 0;
}
.sectionContainer .titleContainer .title {
  border-top: 5px solid white;
  border-bottom: 5px solid white;
  font-size: calc(1em + 100%);
  color: #FFD700;
  text-shadow: #B8860B 2px 0px 2px;
  width: 100vw;
}
.sectionContainer .titleContainer .note {
  font-size: calc(1em + 0%);
  color: #B8860B;
  margin: 1em 1em;
}
.sectionContainer .contentContainer {
  font-size: calc(1em + 70%);
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.sectionContainer .contentContainer p a {
  font-size: calc(1em + 70%);
  color: rgb(255, 255, 255);
}
.sectionContainer .contentContainer p a:visited {
  color: rgb(255, 255, 255);
}
.sectionContainer .contentContainer .noteSpan {
  font-size: calc(1em - 30%);
  color: #B8860B;
}
.sectionContainer:last-child {
  padding-bottom: 2em;
}

@media screen and (max-width: 600px) {
  #ALARM .alarmContainer {
    height: auto;
    padding: 1em 1em;
  }
  #ALARM .alarmContainer p {
    padding: 0.5em 0em;
    font-size: calc(1em - 65%);
  }
  .sectionContainer .titleContainer .title {
    font-size: calc(1em + 50%);
  }
  .sectionContainer .titleContainer .note {
    margin: 0.5em;
  }
  .sectionContainer .contentContainer {
    font-size: calc(1em + 5%);
  }
  .sectionContainer .contentContainer p {
    margin: 0.3em 0;
  }
  .sectionContainer .contentContainer p:last-child {
    margin-bottom: 2em;
  }
}/*# sourceMappingURL=main.css.map */