/* ---------------------------------------------------------------------- */
/*                                HTML TAGS                               */
/* ---------------------------------------------------------------------- */
body {
    background-color: #040404;
    color: #EAD2EA;
}

p {
    color: #EAD2EA;
    font-family: "Noto Sans", sans;
    font-size: 15px;
}

a {
  color:aqua;
}

li {
  font-family: "Inter", sans-serif;
  line-height: 1.5;
}

strong {
  color: #A1FFA1;
}



/* ---------------------------------------------------------------------- */
/*                            FONTS + HEADINGS                            */
/* ---------------------------------------------------------------------- */

h1 {
    color: #D080D0;

}

h2 {
  color:#EAE7EA;
  font-family: "Space Mono", mono;
  font-weight:300;
}


/* ---------------------------------------------------------------------- */
/*                                   HOME                                 */
/* ---------------------------------------------------------------------- */
.h1-title {
    font-family: "Fraunces", serif;
    font-size: 30px;
    color: #EAD2EA;
    padding-bottom: 5px;
    margin-top: -10px;
}

.h1-title a {
  color: inherit;
  text-decoration: none;
}

.h1-subtitle { 
    font-family: "Space Mono", mono;
    font-size: 20px;
    color:#EAD2EA;
    margin-top: 3px;
    margin-bottom: 5px;
    font-variant: small-caps;
}


.full-width-border {
    border-bottom: 1px solid #EAD2EA;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.menu {
     color:#EAD2EA;
     margin-bottom: 5px;
     margin-top: 5px;
     font-family: "Space Mono", mono;
}

/* container and columns on homepage */
.home-container {
  color:#EAD2EA;
  display: flex;
  height: 100vh;
  width: full;
}

.column {
  color:#EAD2EA;
  flex: 1;
  min-width: 0;
  border-right: 1px solid #EAD2EA;
  padding: 10px;
}

.column:first-child {
  padding-left: 0px;
}

.column-heading {
    color:#7AE3D4;
    font-family: "Fraunces", serif;
    font-size: 25px;
}


.column-heading::after {
  content: "";
  display: block;
  border-bottom: 1px solid #EAD2EA;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-top: 10px;
}

.column:first-child .column-heading::after {
  width: calc(100% + 10px);
  margin-left: 0;
}

.column:last-child {
    border-right: none;
}

.scroll-box {
  max-height: 300px;
  overflow-y: auto;
}

/* ---------------------------------------------------------------------- */
/*                                RESPONSIVE                              */
/* ---------------------------------------------------------------------- */

@media (max-width: 700px) {
  .home-container {
    display: block;
    border-right: none;
  }
  .column {
    border-right: none;
  }

  .column::after {
    display: block;
    border-bottom: solid 1px #EAD2EA;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: 10px;
  }

  .column:last-child {
    border-bottom: none;
  
  }
}


/* ---------------------------------------------------------------------- */
/*                                   NOTE                                 */
/* ---------------------------------------------------------------------- */
.note-title-container {
  padding-top: 30px;
  padding-left: 120px; 
}

.note-title {
  font-family: "Space Mono", mono;
  font-size: 25px;
}

.note-container {
  max-width: 700px; 
  padding-left: 125px;
  padding-bottom: 30px;
}

.note-footer {
  padding-left: 125px;
  padding-top: 10px;
}

@media (max-width: 700px) {
  .note-title-container {
    padding-left: 10px;
  }
  .note-container {
    padding-left:10px;
  }
  .note-footer {
    padding-left: 10px;
  }

}

/* ---------------------------------------------------------------------- */
/*                                 LINKS                                  */
/* ---------------------------------------------------------------------- */
.wikilink {
  color: #FEB7FF;
  text-decoration: none;
  border-bottom: 1px solid #FEB7FF;
}

.wikilink--broken {
  color: #B89AAD;
  border-bottom-style: dotted;
}