body {
  margin: 10px;
  padding: 2px;
}

#header_section {
  display: flex;
  flex-direction: row;
  color: #84A7BA;
}
@media (max-width: 768px) {
  #header_section {
    flex-direction: column;
    align-items: center;
  }
}

#profile_picture {
  width: 10%;
  height: auto;
  padding: 8px;
  margin: 3px;
  text-align: center;
}
@media (max-width: 768px) {
  #profile_picture {
    width: 40%;
  }
}

img {
  width: 100%;
}

#bio_section {
  width: 90%;
  height: auto;
  padding: 8px;
  margin: 3px;
}

.bio_heading {
  color: #84A7BA;
  font-size: 30pt;
  margin: 5px;
}
@media (max-width: 768px) {
  .bio_heading {
    font-size: 25pt;
    text-align: center;
    margin: 1px;
  }
}

.bio_subheading {
  color: #84A7BA;
  font-size: 60pt;
  font-weight: bold;
  margin: 5px;
}
@media (max-width: 768px) {
  .bio_subheading {
    font-size: 50pt;
    text-align: center;
  }
}

.bio_body {
  color: #FDECD1;
  font-size: 14pt;
  margin: 5px;
}

.heading_g {
  font-size: 45pt;
  color: #BECBCF;
  text-align: center;
}

.heading_bg {
  font-size: 45pt;
  color: #84A7BA;
  text-align: center;
}

.bg_darkblue {
  background-color: #303655;
}

.bg_lightblue {
  background-color: #6F90AF;
}

#projects_section {
  padding: 8px;
  margin: 0px -0.25px;
}
@media (max-width: 768px) {
  #projects_section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

#project_list {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  #project_list {
    flex-direction: column;
  }
}

.project {
  width: 350px;
  height: 350px;
  margin: 10px;
  padding: 10px;
}
@media (max-width: 768px) {
  .project {
    width: 90%;
    height: 250px;
  }
}

.project > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#technologies_section {
  padding: 8px;
  margin: 0px -0.25px;
}
@media (max-width: 768px) {
  #technologies_section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

#technology_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.technology {
  width: 60px;
  height: 60px;
  margin: 10px;
  padding: 10px;
}
@media (max-width: 768px) {
  .technology {
    width: 60px;
    height: 60px;
  }
}

#experience_section {
  padding: 8px;
  margin: 0px -0.25px;
}
@media (max-width: 768px) {
  #experience_section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

#social_links_section {
  padding: 8px;
  margin: 0px -0.25px;
}/*# sourceMappingURL=main.css.map */