html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  background-color: #ffffff;
  color: #000000;
/* font-family: "Raleway"; */
}

/* Dark mode styles, applied when system prefers dark scheme */
@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: white;
    }
}

.section_link {
  width: 300px;
}

.idkman {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 70%;
}

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 30%;
  padding-left: 2%;
  padding-right: 2%;
  color: #000000;
}


.header-text {
  padding-top: 2%;
}

.lightbulb, img.lightbulb5, img.lightbulb4, img.lightbulb3, img.lightbulb2, img.lightbulb1 {
  height: 100%;
  transition: 0.1s;
}

picture.lightbulb {
  height: 100%;
  display: flex;
  flex-direction: row;
  width: 60%;
  transform: translateY(-29px);
}

img.lightbulb1 {
  transform: translateY(-49px);
}

img.lightbulb2 {
  transform: translateY(-41px);
}

img.lightbulb3 {
  transform: translateY(-28px);
}

img.lightbulb4 {
  transform: translateY(-65px);
}

img.lightbulb5 {
  transform: translateY(-11px);
}

H1, H2, H3, H4, H5 {
  margin-top: 0px;
  font-weight: 400;
  color: black;
}


H1 {
  font-size: 50px;
}
@media (prefers-color-scheme: dark) {
  H1, H2, H3, H4, H5, p {
      color: white;
  }
}

p {
  font-weight: 400;
  size: 25px;
}

.section-link {
  transition: 0.05s;
}

a {
  text-decoration: none;
}

H2.section-link {
  font-size: 45px;
  font-weight: 400;
  padding-bottom: 0px;
}

.section-link:hover {
  transform: scale(1.05);
  border-bottom: 5px solid #ffff89;
}

.social-media-container {
  display: flex;
  flex-direction: row;
}

.social-media, img.social-media {
  transition: 0.05s;
  border-radius: 45%;
}

div.social-media {
  padding-left: 10px;
}

img.social-media {
  width: 50px;
}

img.social-media:hover {
  transform: scale(1.05);
  background-color: #ffff89;
}

/*# sourceMappingURL=style.css.map */