* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
    font-weight: 400; /* Regular weight */
    color:#222324;
}

button {
  font-family: "Open Sans", serif;
}

p,
span,
button {
  font-weight: 400;
}

img {
  max-width: 100%;
}
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

header {
  background: linear-gradient(180deg, #2a2525 30.9%, #850303 59.9%);
  text-align: center;
  padding: 20px;
}

h1 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
}

b {
  font-weight: 600;
}

p,
span {
  font-size: 18px;
}

.content {
  padding: 20px;
}

.red {
  color: #e22323;
}

.bold {
  font-weight: 700;
}

.list {
  list-style-type: unset;
  padding: 20px 0 20px 20px;
}

.quote {
  font-style: italic;
}

.underline {
  text-decoration: underline;
  font-weight: 400;
}

.center {
  padding: 20px 0px;
  text-align: center;
}

.sub_heading {
  text-decoration: underline;
  font-weight: 700;
}

.bg_red {
  width: 100%;
  background-color: #e22323;
  text-align: center;
}

.bg_red p {
  padding: 8px;
  max-width: 250px;
  margin: auto;
  text-decoration: underline;
  color: #ffffff;
  /* font-size: 16px; */
}

.img {
  margin: 20px auto;
  display: flex;
  justify-content: center;
}

.btn {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 358px;
  margin: 40px auto;
}

.btn button {
  width: 100%;
  padding: 10px;
  background-color: #e22323;
  text-align: center;
  border: none;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
}

.btn button:hover {
  box-shadow: unset;
  opacity: 0.9;
}

.user_info {
  max-width: 359px;
  margin: 20px auto;
  padding: 7px;
  background-color: #e223234a;
}

.user_info p {
  margin: 10px 0;
}

.wrapper {
  max-width: 491px;
  margin: 0 auto;
}