/* ========================= */
/* RESET + GLOBAL */
/* ========================= */

* {
  box-sizing: border-box;
}

html {
  font-family: Consolas;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;

  display: flex;
  flex-direction: column;

  scroll-behavior: smooth;

  /* background: linear-gradient(
    45deg,
    #13007a,
    #600285
  ); */

  background-image: url("hayward_and_i.jpg");
  background-size: cover;
  background-position: center;
  backdrop-filter: blur(10px);
}


/* ========================= */
/* TEXT */
/* ========================= */

h1 {
  color: white;
  text-align: center;
  margin-top: 2vh;
  font-size: clamp(32px, 6vw, 70px);
}

h2 {
  color: white;
}

h3 {
  color: white;
  text-align: center;
  margin-top: 2vh;
  font-size: clamp(18px, 3vw, 30px);
}

p {
  margin: 0;
  font-size: clamp(12px, 2.5vw, 16px);
}

li {
  line-height: 1.6;
}

.center {
  text-align: center;
}

.social-link {
  color: white;
  text-decoration: none;
  font-size: 18px;
}

i:not(#footer-insta):not(#footer-dihcord):not(#footer-linktree) {
  color: white;
}