@import 'https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Geist+Mono:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap';
html, body {
  max-width: 100vw;
  box-sizing: border-box;
  margin: 0;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
  display: none;
}

header {
  margin: 1em 2%;
  box-sizing: border-box;
  height: 7vh;
}

main {
  margin: 0;
}
main * {
  font-family: "Bricolage Grotesque", "Geist Mono", "Inter", "Noto Color Emoji";
}
main h1, main p {
  text-align: center;
}
main h1 {
  font-size: 3em;
  margin: 0.1em 0em;
}
main p {
  line-height: 1.7em;
  margin: 2em 0em;
}
main .text {
  margin: 0 auto 10rem;
  width: 70%;
}
main .background {
  max-width: 100%;
  height: 95vh;
  background-image: url("/physics/assets/img/illustration quantum and rel.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10rem;
}

section.division {
  margin: 0% 2%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
section.division * {
  font-family: "Bricolage Grotesque", "Geist Mono", "Inter", "Noto Color Emoji";
}
section.division a {
  word-break: break-all;
}
section.division .content {
  max-width: 47%;
}
section.division .content h2 {
  font-size: 3em;
  text-align: center;
}
section.division .content h3 {
  font-size: 2em;
  text-align: center;
}
section.division .content h4 {
  font-size: 1.5em;
  text-align: center;
}
section.division .content img {
  max-width: 100%;
  min-width: 100%;
  margin: auto auto;
}
section.division .answer {
  background-color: rgb(233, 233, 233);
  border-left: 0.3em solid rgb(37, 139, 255);
  padding: 1em;
}
section.division .question {
  background-color: rgba(255, 166, 0, 0.627);
  border: 1px solid rgb(255, 166, 0);
  border-radius: 1em;
  padding: 1em 0.5em;
}
section.division .remark {
  background-color: rgba(189, 189, 189, 0.373);
  border: 1px solid rgb(189, 189, 189);
  border-radius: 1em;
  padding: 1em 0.5em;
}

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: baseline;
  margin-top: 8em;
}
footer * {
  font-family: "Bricolage Grotesque", "Geist Mono", "Inter";
  font-size: 0.9em;
  margin: 0;
  color: gray;
}
footer a {
  text-decoration: none;
}/*# sourceMappingURL=styles.css.map */