@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
  }
  
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #2a2a2a;
  }
  
  .animated-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #00f6ff, #8c00ff, #00ff7f);
    background-size: 200% 200%;
    animation: gradientAnimation 10s ease infinite;
  }
  
  @keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  .content {
    position: relative;
    z-index: 1;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    width: 4800px;
    height: 700px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    font-family: 'Poppins', sans-serif;
    max-width: 500px;
    text-align: center;
  }

  .header img {
    width: 50px; /* Adjust the size of the image as needed */
    height: auto;
    margin-right: 10px;
    border-radius: 15px;
  }

  .header {
    display: flex;
    align-items: center;
    margin-left: 100px;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif; /* Apply the Poppins font */
    font-weight: 700; /* Bold font weight */
  }

  .checklist {
    list-style: none;
    padding-left: 20px;
  }
  
  .checklist li {
    position: relative;
    padding-right: 55px;
    margin-bottom: 10px;
  }
  
  .checklist li::before {
    content: "✔"; /* Checkmark character */
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 1px;
    font-size: 18px; /* Adjust the font size of the checkmark */
    color: #33cc33; /* Adjust the color of the checkmark */
  }

  .checklistheader {
    font-size: 20px;
    margin-right: 40px;
  }

  .highlight {
    color: red; /* Change the text color to red */
  }

  .greenhighlight {
    color: green;
  }
  
  .slanted-link {
    display: inline-block;
    color: rgb(12, 194, 255);
    text-decoration: none;
    transform: skew(-11deg);
  }