:root {
  --dark-yellow: #ffb000;
  --light-yellow: #FECF69;
  --dark-orange: #FB743D;
  --light-orange: #FE9A73;
  --light-blue: #2b97d1;
  --medium-blue: #0E6FA5;
  --dark-blue: #013350;
  --light-gray: #DCE2ED;
  --dark-gray: #6f7d96;
  --white: #F7F9FD;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}

body {
  font-family: "Poppins", sans-serif;
  color: var(--dark-blue);
  background-color: var(--white);
  position: absolute;
}

/* Typography */
p{
  font-size: clamp(17px, 16px, 14px);
  font-weight: 400;
  color: #42506e;
}

h1{
  font-size: clamp(42px, 32px, 20px);
  font-weight: 600;
}

h2{
  font-size: clamp(28px, 22px, 18px);
  font-weight: 600;
  color: var(--dark-blue);
}

h3, h4{
  font-size: clamp(18px, 16px, 14px);
  font-weight: 500;
  color: var(--dark-blue);
}

/*Inputs*/
input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--light-gray);
  border-radius: 5px;
}

input:active, input:focus {
  outline: none;
  border: 2px solid var(--light-blue);
}

/* Lists */
.list li {
  margin-top: 0.7rem;
}