* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  font-size: 14px;
  color: #555555;
  font-family: "Arsenal SC", "Cherry Swash", serif;
}

main {
  height: 100vh;
}
section {
  height: 100vh;
  position: relative;
}

h1,
h2,
h3 {
  font-family: "Dancing Script", "Meddon", cursive;
  font-weight: 400;
  font-style: normal;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c9d5b5;
}

::-webkit-scrollbar-track {
  background: #acacac;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #c9d5b5;
}

.checkbox-dot-true,
.checkbox-dot-false {
  display: none;
}

.checkbox-true:checked ~ .checkbox-dot-true {
  display: block;
}

.checkbox-false:checked ~ .checkbox-dot-false {
  display: block;
}

.h-closed {
  max-height: 0px;
}

.h-open {
  max-height: 8rem !important /* 128px */;
}