body {
  background-color: #7d84ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7d84ff), color-stop(#9095f9), color-stop(#a3a6f8), color-stop(#9095f9), to(#7d84ff));
  background-image: linear-gradient(#7d84ff, #9095f9, #a3a6f8, #9095f9, #7d84ff);
  margin-top: 6.5%;
  font-family: -apple-system, BlinkMacSystemFont, "charter_bold", "Segoe UI", "Comic Sans MS";
  line-height: 1.6;
  font-size: 90%;
  margin-left: 0;
  padding: 18vh 1rem;
  text-align: center; }

h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Comic Sans MS"; }

h1, h3 {
  text-decoration: underline; }

a:link {
  color: #efefef; }

a:visited {
  color: #efefef; }

#quick_links, #projects {
  text-align: left;
  margin-left: 20px; }

#quick_links a {
  font-size: 20px; }

.text {
  background-color: #7da8ff;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border: 5px solid #000070;
  margin: auto;
  width: 30%;
  border-radius: 12px 12px 12px 12px;
  font-size: 130%; }

#quick_links {
  width: 500px;
  float: left;
  margin-left: 200px; }

#projects {
  margin-left: 900px; }

#projects a img {
  border: 1px solid black;
  border-radius: 12px 12px 12px 12px;
  width: 6em; }

.project-list {
  list-style-type: none; }

.project {
  border: 5px solid #000070;
  border-radius: 12px 12px 12px 12px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  place-items: center;
  background-color: #4f55c6; }

.project ul {
  text-align: left;
  place-items: left; }

.section_title {
  text-align: center;
  text-decoration: underline; }

.logo {
  width: 1em;
  height: 1em;
  border: 0px; }

.logos {
  list-style-type: none; }

#about {
  margin-top: 50px;
  margin-bottom: 25px;
  font-size: 110%; }

img#github_image {
  width: 1.5em; }

img#pdf {
  width: 1.5em; }

img#linkedin_image {
  width: 1.5em; }

/* 600px, 601px, 768px, 992px */
@media (max-width: 600px) {
  body {
    width: 100%; }
  #quick_links {
    width: 90%;
    float: none;
    margin-left: 10px; }
  #projects {
    margin-top: 20px;
    width: 90%;
    margin-left: 10px;
    float: none; }
  .text {
    width: 90%;
    font-size: 100%; }
  #about {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 90%; } }

@media (max-width: 601px) {
  body {
    width: 100%; }
  #quick_links {
    width: 90%;
    float: none;
    margin-left: 10px; }
  #projects {
    margin-top: 20px;
    width: 90%;
    margin-left: 10px;
    float: none; }
  .text {
    width: 90%;
    font-size: 100%; }
  #about {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 90%; } }

@media (max-width: 768px) {
  body {
    width: 100%; }
  #quick_links {
    width: 90%;
    float: none;
    margin-left: 10px; }
  #projects {
    margin-top: 20px;
    width: 90%;
    margin-left: 10px;
    float: none; }
  .text {
    width: 90%;
    font-size: 100%; }
  #about {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 90%; } }

@media (max-width: 992px) {
  body {
    width: 100%; }
  #quick_links {
    width: 90%;
    float: none;
    margin-left: 10px; }
  #projects {
    margin-top: 20px;
    width: 90%;
    margin-left: 10px;
    float: none; }
  .text {
    width: 90%;
    font-size: 100%; }
  #about {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 90%; } }