.hackathons {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-size: 1.2rem;
  width: 80%;
  margin-top: 30px;
  margin-left: 10%;
}
.hackathon-writeup a {
  font-weight: bold;
  font-size: 1.7rem;
  text-decoration: none;
  color: rgb(12, 86, 151);
}
.hackathon-writeup a:hover {
  color: rgb(150, 170, 234);
}
.hackathon-writeup a li {
  list-style-type: square;
}

.hackathon-date {
  font-size: 1.3rem;
  font-weight: 600;
  color: rgb(93, 148, 197);
}
.hackathon-project {
  /* margin-left: 20px; */
}

.hackathon-skills {
  margin-top: 5px;
  font-size: 1.2rem;
  line-height: 2.2rem;
}

.hackathon-topics-skills {
  font-size: 1rem;
  color: #97185c;
}
.hackathon-topics-skill {
  /* font-size: 0.9rem; */
  font-weight: bolder;
  color: white;
  background-color: rgb(116, 160, 199);
  padding: 3px 12px;
  margin: 3px 3px;
  border-radius: 5px;
}

.hackathon-honorable-mention {
  max-width: 280px;
  font-size: 1.3rem;
  background-color: #f19534;
  color: white;
  padding: 3px 6px;
  margin: 3px 0;
  border-radius: 6px;
  text-align: center;
}

@media (min-width: 600px) {
  .hackathons {
    font-size: 1.3rem;
    line-height: 2.08rem;
  }
  .hackathon-writeup a {
    font-size: 2rem;
  }
  .hackathon-date {
    margin-top: 9px;
    font-size: 1.5rem;
  }

  .hackathon-skills {
    margin-top: 5px;
    font-size: 1.2rem;
  }

  /* .hackathon-topics-skills {
    font-size: 1rem;
    font-weight: bolder;
    color: #97185c;
  } */
  .hackathon-topics-skill {
    /* font-size: 0.9rem; */
    font-weight: bolder;
    color: white;
    background-color: rgb(116, 160, 199);
    padding: 3px 12px;
    margin: 3px 3px;
    border-radius: 5px;
  }
}