.main {
        margin: 1vh 30vh 1vh 30vh;
      padding: 40px;
      opacity: 0;
      transform: translateX(20px);
      animation: fadeInPage 1s ease-out forwards;
      font-family: Tahoma;
}
@keyframes fadeInPage {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    a {
      position: relative;
      display: inline-block;
      text-decoration: none;
      color: orange;
    }

    a::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background-color: orange;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.3s ease;
    }

    a:hover::after {
      transform: scaleX(1);
    }
    .main p {
    transform: translateX(-60px);
      animation: fadeInPage 1s ease-out forwards;
    }
    .code {
      background-color: black;
      color: white;
      padding: 1vh;
      border-radius: 1vh;
      overflow: auto;
      max-height: 20vh;
    }