@import url('https://fonts.googleapis.com/css2?family=Hubballi&family=Raleway&family=Spartan:wght@500&display=swap');

body {
  background-color: #b4efe9;
}

.container {
  margin-top: 8em;
  background-color: #b4efe9;
  font-family: 'Raleway', sans-serif;
  font-size: 12pt;
  line-height: 1.6;
}

a {
  color: #5bb0e0;
  text-decoration: none;
  cursor:alias;
}

a:hover {
  text-decoration: underline;
  cursor:alias;
}


.left {
  float: left;
  width: 22vw; /* 27vw */
  text-align: right;
}

.left h1, h1 a {
  color: #e568ae;
  margin: 0;
  padding: 0;
  font-family: 'Hubballi', cursive;
  font-size: 30pt;
}

.left #phd {
  position: relative;
  top: -10px;
}

.left #social {
  margin-top: 3px;
  margin-bottom: 15px;
}

.left #social a {
  color: #e568ae;
}
  .fa-stack.small { font-size: 0.8em; }
  i { vertical-align: middle; margin: 0; padding: 0; }

.left #large-menu { display: inline; }
.left #small-menu { display: none; }

.right {
  float: left;
  width: 60vw; /* 55vw */
  margin-left: 7vw;
  margin-top: 0.4em;
  margin-bottom: 3em;
}

.right h2 {
  color: #e568ae;
  margin: 0;
  padding: 0;
  font-family: 'Hubballi', cursive;
  font-size: 25pt;
}

@media(max-width:700px) {
  .container {
    margin-top: 0;
  }

  .left {
    width: 100%;
    text-align: center;
    margin: 0;
  }

  .left #large-menu { display: none; }
  .left #small-menu { display: inline; }

  .right {
    width: 90%;
    margin-left: 0;
    margin-top: 0;
    padding: 5%;
  }

}


/* ---------- HOME ---------- */

.right-home {
  margin-top: 2.1em;
}

.right-home p {
  margin-left: 2.5em;
  text-indent: -2.5em;
  font-size: 13pt;
}


/* ---------- ABOUT ---------- */

.about-img1 {
  width: 80%;
  margin: 0.9em 7% 20px 0;
  border-radius: 20px;
  max-width: 600px;
}

.about-img2 {
  float: right;
  width: 50%;
  margin: 8px 0 10px 20px;
  border-radius: 20px;
  max-width: 400px;
}

.about-img3 {
  float: left;
  width: 35%;
  margin: 8px 20px 10px 0;
  border-radius: 20px;
  max-width: 300px;
}

.about-img4 {
  float: right;
  width: 35%;
  margin: 8px 0 10px 20px;
  border-radius: 20px;
  max-width: 270px;
}

@media(max-width:700px) {
  .about-img1 {
    width: 100%;
    margin: 0;
  }

  .about-img2, .about-img3, .about-img4 {
    min-width: 50%;
  }

}


/* ---------- PRESS & PUBLICATIONS ---------- */

#press .subtitle, .subtitle {
  font-size: 15pt;
  font-style: italic;
  font-weight: bold;
  color: #e568ae;
  margin: 40px 0 20px 2.5em;
}

#press p {
  margin: 0;
  padding: 0;
  margin-left: 2.5em;
  text-indent: -2.5em;
}

#press .indent {
  font-size: 11pt;
  margin-left: 2.5em;
  margin-bottom: 25px;
}



/* ---------- PROJECTS ---------- */

.subtitle {
  font-size: 15pt;
  font-style: italic;
  color: #e568ae;
  margin: 40px 0 20px 0;
}

.section {
  float: left;
  width: 100%;
}

h3 {
  font-size: 13pt;
  color: #5bb0e0;
}


.project {
  float: left;
  width: 47%;
  margin-right: 3%;
}

.project img {
  width: 100%;
  border-radius: 20px;
}

@media(max-width:700px) {
  .project {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }

}


/* ---------- WRITINGS ---------- */

.banner {
  width:  100%;
  border-radius: 20px;
  margin-bottom: 15px;
}


.subsubtitle {
  font-size: 14pt;
  font-style: bold;
  color: #e568ae;
  margin: 40px 0 20px 0;
}

li {
  margin-bottom: 8px;
}

.writing-img {
  width: 100%;
  text-align: center;
}

.img-subtitle {
  width: 80%;
  margin:  10px 10% 30px 10%;
  font-size: 10pt;
}

hr {
  width: 12%;
  border-top: 5px dotted;
  color: #5bb0e0;
  margin-top: 35px;
  margin-bottom: 35px;
}