html {
   box-sizing: border-box;
}
 
h1, h2, h3, h4, h5, h6, p, ul, li, * {
   margin: 0;
   padding: 0;
}
 
body {
   min-width: 320px;
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: #090b1a;
   font-family: 'Inter', sans-serif;
   color: #fff;
}
 
.card {
   margin: 40px;
   max-width: 1110px;
   background-color: hsl(244, 38%, 16%);
   border-radius: 7px;
}
 
.card__inner {
   display: flex;
}
 
.card__description {
   max-width: 40%;
   padding: 70px 50px 50px 72px;
}
 
.card__title {
   margin-bottom: 28px;
   font-size: 36px;
   color: hsl(0, 0%, 100%);
}
 
.card__title > span {
   color: hsl(277, 64%, 61%);
}
 
.card__text {
   padding: 0 70px 0 0;
   margin-bottom: 74px;
   line-height: 1.6;
   color: hsla(0, 0%, 100%, 0.75);
   font-size: 15px;
}
 
.card__image {
   width: 60%;
   filter: brightness(0.40) sepia(1) saturate(1000%) hue-rotate(255deg) opacity(0.80);
   border-radius: 0 7px 7px 0;
   position: relative;
}

.card__image > img {
   display: block;
   width: 100%;
   border-radius: 0 7px 7px 0;
   opacity: .7;
}
 
.statistics {
   display: flex;
}
 
.statistics__title {
   margin-bottom: 10px;
   font-size: 22px;
   letter-spacing: 1px;
   color: hsl(0, 0%, 100%);
}
 
.statistics__text {
   font-family: 'Lexend Deca', sans-serif;
   font-size: 12px;
   letter-spacing: .9px;
   text-transform: uppercase;
   color: hsla(0, 0%, 100%, 0.6);
}

.statistics__companies,
.statistics__templates {
   margin-right: 64px;
}

.statistics__companies,
.statistics__templates,
.statistics__queries {
   list-style: none;
}

.source {
   padding: 10px;
}

.source__link {
   color: hsl(277, 64%, 61%);
}

@media (max-width: 1160px) {
   .card__inner {
      flex-direction: column-reverse;
   }

   .card__description {
      max-width: 100%;
      padding: 20px;
      text-align: center;
   }

   .card__text {
      padding: 0;
  }

   .card__image {
      width: 100%;
      border-radius: 7px 7px 0 0;
   }

   .card__image img {
      border-radius: 7px 7px 0 0;
   }

   .statistics {
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
   }

   .statistics__companies,
   .statistics__templates {
      margin-right: 0px;
      margin-bottom: 30px;
   }
}