/* body {
            margin: 0;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff0f5;
            font-family: 'Georgia', serif;
      }


    a {
      font-size: 24px;
      color: #ff145a;
      text-decoration: none;
      padding: 12px 24px;
      border: 2px solid #ff93c9;
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    a:hover {
      background-color: #ff93c9;
      color: white;
      transform: scale(1.05);}


      @media (max-width: 768px) {
        body {
          padding: 20px;
        }

        a {
          font-size: 20px;
          padding: 10px 20px;
        }
      } */

      body{
        margin: 0;
        background-color: rgb(131, 255, 131);
    background-color: rgb(131, 255, 131);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    
}

a{
    background-color: rgb(4, 90, 1);
    width: 370px;
    text-align: center;
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 55px;
    padding: 10px 20px;
    border-radius: 5px;
}

a:hover{
    background-color: rgb(1, 59, 1);
    cursor: pointer;
    color:rgb(43, 255, 64);
    transform: 0.4s ease;
}

@media (max-width: 768px){
    a{
        font-size: 30px;
        width: 250px;
    }
    
}