h1 {
      font-size: 1.5rem;
      font-weight: 600;
      letter-spacing: 1px;
    }

    h2 {
      font-size: 3.5rem;
      font-weight: 800;
      margin: 10px 0;
    }

    p {
      font-size: 1.2rem;
      margin-bottom: 30px;
    }

    .btn-custom {
      background-color: black;
      color: white;
      border-radius: 50px;
      padding: 12px 25px;
      margin: 5px;
      transition: 0.3s;
    }

    .btn-custom:hover {
      background-color: #fff;
      color: #000;
      border: 1px solid black;
    }

    .btn-outline-custom {
      border: 1px solid black;
      border-radius: 50px;
      padding: 12px 25px;
      color: black;
      transition: 0.3s;
    }

    .btn-outline-custom:hover {
      background-color: black;
      color: white;
    }

    /* Typing animation */
    .typing {
      border-right: 3px solid #000;
      white-space: nowrap;
      overflow: hidden;
      animation: blink 0.7s infinite;
    }

    @keyframes blink {
      50% { border-color: transparent; }
    }

    @media (max-width:350px){
       .btn-custom, .btn-outline-custom{
          padding: 6px 13px;
          margin: 5px;
       }
       h2{
      font-size: 2rem;
      font-weight: 400;
      margin: 10px 0;
       }

       
    }
img{
        height: auto !important;
        
       }
    .vertical-around{
        display: flex;
        flex-direction: column; /* makes main axis vertical */
        justify-content: space-around; 
        align-items: center;
    }