@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Roboto';
  background-color: #050505;
}

.page {
  background-color: #050505;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.text--normal {
  /* 16px to 18px */
  font-size: clamp(1.0rem, 0.969rem + 0.156vw, 1.125rem);
}

.text--large {
  /* 22px to 32px */
  font-size: clamp(1.375rem, 1.219rem + 0.781vw, 2.0rem);
}

.text--x-large {

}

.text--title {
  font-family: 'Raleway';
  font-weight: bolder;
}

.text--emphasis {
  font-weight: bold;
  text-decoration: underline;
}

.shadow--bottom {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.9);
}

.button {
  font-size: 18px;
  border: 1px solid white;
  color: white;
  padding: 12px 22px;
  background: none;
  cursor: pointer;
  font-family: 'Raleway';
  margin-top: 32px;
}

.paint-dripping {
  height: fit-content;
}