@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

  html, body {
    margin: 0; padding: 0; overflow: hidden;
    height: 100%; background: #00111a;
  }
  canvas { width: 100%; height: 100%; display: block; }
  .name {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 25px; left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,1);
    font-family: sans-serif;
    font-size: 2rem;
    letter-spacing: 3px;
  }

  .profile {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 75px; left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,1);
    font-family: sans-serif;
    font-size: 1rem;
    letter-spacing: 2px;
  }

  .content {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 225px; left: 50%;
    transform: translateX(-45%);
    color: rgba(255,255,255,1);
    font-family: sans-serif;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
 .resume_link {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 375px; left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,1);
    font-family: sans-serif;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }

  a {
  color: #ff6600; /* your custom color */
  text-decoration: none; /* remove underline if you want */
}

    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden; /* optional: prevents scrollbars */
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none;
      display: block; /* removes extra spacing */
    }

#rotate-message {
  display: none;
  position: fixed;
  inset: 0;
  background: #00111a;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  text-align: center;
  padding: 2rem;
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

/* Show only on small screens (mobile/tablet) when portrait */
@media screen and (max-width: 1024px) and (orientation: portrait) {
  iframe {
    display: none !important;
  }
  #rotate-message {
    display: flex;
  }
}