body {
background: rgb(125,19,19);
background: linear-gradient(90deg, rgba(125,19,19,1) 0%, rgba(195,158,84,1) 21%, rgba(95,203,91,1) 38%, rgba(66,71,212,1) 63%, rgba(159,85,237,1) 93%);
cursor: url('cursor.cur'), auto;
}
@font-face {
  font-family: Roboto Mono;
  src: url(fonts/RobotoMono-Bold.ttf);
}

.bio {
  font-family: Roboto Mono;
  border-style: dashed;
  margin: 40px 50px 40px 50px;
}

.center, .name, .subtitle, .email {
    font-family: Roboto Mono;
    margin: auto;
    width: 50%;
    padding: 10px;
    text-align: center;
  }
.profile-picture {
    display: block;
    border-radius: 10%;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
.bio {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

.embed-grid {
  display: grid;
  grid-template-columns: 1fr; /* default: 1 column on mobile */
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.embed-grid iframe {
  width: 100%;
  height: 352px;
  border-radius: 12px;
}

/* Make it 2 columns on medium/large screens */
@media (min-width: 768px) {
  .embed-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}