:root {
  --PrimaryColor: #00ccc0;
  --MainFont: #333333;
  --SubFont: #666666;
  --SystemWhite: #ffffff;
  --Background: #f3f3f3;
  --BorderColor: #cccccc
}

body {
  margin: unset;
  background-color: var(--Background);
}

.main {
  min-height: calc(100% - 36px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 130px;
  padding-inline: 10%;

  img {
    width: 25%;
  }

  .content {
    width: 70%;
    padding: 64px 64px 54px;
    background-color: var(--SystemWhite);
    border-radius: 20px;
    border: solid 1px var(--BorderColor);


    .title {
      color: var(--MainFont);
      font-size: 48px;
      font-weight: bold;
    }

    .context {
      margin-top: 48px;
      color: var(--SubFont);
      font-size: 32px;
    }

    .btn-group {
      text-align: center;
      margin-top: 82px;

      button {
        cursor: pointer;
        padding: 12px 24px;
        border-radius: 8px;
        background-color: var(--PrimaryColor);
        color: var(--SystemWhite);
        font-size: 32px;
        border: unset;
      }
    }
  }
}

.footer {
  height: 36px;
  background-color: var(--PrimaryColor);
}