body {
  padding: 2% 5%;
  background: rgb(253, 242, 238);
  /* CSS pattern background from https://heropatterns.com/ 
  background-color: #f6f4cf;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffc68b' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); */
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 13, 2024 */
@font-face {
  font-family: 'interregular';
  src: url('../fonts/kit2/inter-variablefont_slntwght-webfont.woff2') format('woff2'),
       url('../fonts/kit2/inter-variablefont_slntwght-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.title_img_row {
  /* background: pink; */
  margin: 10px;
  text-align: center;
}

.title_image {
  width: 30%;
}

/* <weight>: Use a value from 100 to 900 */

h1{
  color: rgb(235, 132, 95);
  font-family: Mulish, serif;
  font-weight: 700;
  font-size: 45px;
  text-align: center;
}

h2, h3, h4 {
  font-family: Mulish, serif;
  font-weight: 600;
}
p {
  font-family: interregular, cursive;
  /* color: mediumslateblue; */
}

h4 {
  color: rgb(235, 132, 95);
  font-size: 20px;
  font-weight: 700;
}

a {
  color: rgb(235, 132, 95);
  font-family: interregular, cursive;
  font-weight: 800;
  /* text-decoration: none; */
}

.stats-main-div {
  float: left;
  /* background: blue; */
  width: 100%;
  background: rgb(243, 201, 185);
  border-radius: 10px;
  margin-bottom: 20px;
}

.stat_info {
  /* background: pink; */
  float: left;
  width: 28%;
  padding: 15px;
}

.large_font {
  font-size: 300%;
  font-weight: 700;
  color: rgb(235, 132, 95);
  margin: 0px;
  padding-bottom: 0px;
}

.small_font {
  font-size: 14px;
  font-weight: 100;
}

.footer {
  width: 100%;
  background: rgb(243, 201, 185);
  padding: 5px 20px 50px 20px;
  border-radius: 10px;
}
 /* for mulish <weight>: Use a value from 200 to 1000
.mulish {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
} */