@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@300&display=swap");
html, body {
  margin: 0px;
  padding: 0px;
  font-family: "'Fraunces', serif;";
  background: #575757;
  color: #ccbfff;
  font-size: 1em;
  min-width: 320px; }
  @media screen and (max-width: 400px) {
    html, body {
      font-size: 0.8em; } }





#start #title {
  position: fixed;
  text-align: left;
  top: 02vh;
  font-size: 800%;
  letter-spacing: 200%; }

.trans {
  color: #ccbfff; }



#lkb {
  position: fixed;
  color: #ccbfff;
  text-decoration: none;
  font-size: 630%;
  bottom: 4vh;
  left: 7vh; }
  #lkb:hover {
     }



#contactlink {
  position: fixed;
  color: #66ffff;
  text-decoration: none;
  font-size: 230%;
  top: 04vh;
  left: 33vh; }
  #contactlink:hover {
    color: white;}

#newslink {
  position: fixed;
  color: #66ffff;
  text-decoration: none;
  font-size: 230%;
  top: 4vh;
  left: 8vh; }
  #newslink:hover {
    color: white; }

#collablink {
  position: fixed;
  color: #66ffff;
  text-decoration: none;
  font-size: 230%;
  top: 04vh;
  left: 20vh; }
  #collablink:hover {
    color: white; }









section {
  min-height: 100vh;
  width: 8vw;
    margin: 8vh;
    position: center
    text-align: left;
      color: #ccbfff;
  font-size: 100%; }
  section article {
        color: #ccbfff;
    font-size: 100%; }
  section .stage { 
    width: 80vw;
    min-height: 100%;
    margin: auto;
    padding-top: 12vh;
    padding-bottom: 30vh; }
    @media screen and (max-width: 500px) {
      section .stage {
        width: 100vw; } }
    section .stage .stagetitle {
        text-align: left;
          color: #ccbfff;
      margin-bottom: 8vh; }
    section .stage img {
      width: 60vw;
      margin-bottom: 2vh; }
      @media screen and (max-width: 500px) {
        section .stage img {
          width: 60vw; } }
    section .stage a {
      color: #66ffff; }
    section .stage .subtext {
      margin-bottom: 15vh;
          color: #ccbfff;
      font-size: 80%; }
    section .stage .stagetext {
        text-align: left;
          color: #ccbfff;
      margin-bottom: 5vh;
     }
      @media screen and (max-width: 400px) {
        section .stage .stagetext {
          padding: 0px; } }
    section .stage .subtitle {
      clear: both;
      text-align: left;
      margin-top: 20px;
      padding-top: 50px;
      text-decoration: underline;
      width: 50%; }

#cv article {
  text-align: left;
  color: #ccbfff;
  margin-top: 2vh;
  margin-bottom: 2vh; }
  #cv article .time {
    clear: both;
    width: 20%;
    color: #ccbfff;
    float: left;
    font-style: italic; }
  #cv article .entry {
  color: #ccbfff;
      width: 70%;
    float: left;
    padding-bottom: 13px; }

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