body {
    background-color: #f8f8f8;
  }
  .sectionBox{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }

  .container {
    text-align: center;
    padding: .2rem;
    background-color: #fff;
    border-radius: .08rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 4rem;
    width: 100%;
    font-size: 0;
  }

  h1 {
    color: #e64340;
    font-size: .24rem;
    word-break: break-all;
  }

  p {
    margin-bottom: .3rem;
    font-size: .18rem;
    word-break: break-all;
  }

  .icon {
    font-size: .6rem;
    color: #e64340;
  }

  .btn {
    display: inline-block;
    padding: .1rem .2rem;
    font-size: .16rem;
    text-decoration: none;
    color: #fff;
    background-color: #3498db;
    border-radius: .06rem;
    transition: background-color 0.3s ease;
  }

  .btn:hover {
    background-color: #2980b9;
  }

  @media (max-width: 750px) {
    h1 {
        font-size: .27rem;
      }
    
      p {
        font-size: .22rem;
      }
    
      .icon {
        font-size: .8rem;
      }
      .btn{
        font-size: .22rem;
      }
      .container{
        max-width: 5rem;
      }
    
  }