/* .saira-semi-condensed-thin {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.saira-semi-condensed-extralight {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.saira-semi-condensed-light {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.saira-semi-condensed-regular {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.saira-semi-condensed-medium {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.saira-semi-condensed-semibold {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.saira-semi-condensed-bold {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.saira-semi-condensed-extrabold {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.saira-semi-condensed-black {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
} */

/* .lightmode {
  --primary-color: #28292A;
  --secondary-color: #1f2021;
  --tertiary-color: #233D7F;
  --accent-color: #21439B;
  --text-color: #EFF3FA;
  --link-color: #64b5f6;
  --card-bg: #323436;
} */



  :root{
  --primary-color: #EFF3FA;
  --secondary-color: #ffffff;
  --tertiary-color: #d1e0ff;
  --accent-color: #21439B;
  --text-color: #28292A;
  --link-color: #1976d2;
  --card-bg: #f0f4f8;
}



body{
font-size: 18px;
text-align: center;
font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
  background-color: var(--primary-color);

}



h1 {
  margin: 0%;
  color: var(--primary-color);
}

.milan {
    background-color: var(--accent-color);
   font-size: 35px;
  align-content: center;
  padding: 6px;
  border: 1px;
  border-radius: 15px;
  margin-right: 37.5%;
  margin-left: 37.5%;
  max-height: 100px;
  height: 100%;
}

h2 {
  font-size: 37px;
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 5px;
  margin-top: 5px;

}

button {
  margin-right: 95%;
  cursor: pointer;
  font-family: "Saira Semi Condensed", sans-serif;
  transition: 0.3s;
  }

  p{
margin-left:10%;
margin-right:10%;
border: 0.8px solid;
border-color: var(--text-color);
border-radius: 10px;
padding: 10px;

  }