<!-- pastel v.1 by ellie/retrcmoon // RULES
                                                                                                                                                                                                              ->Do NOT remove any credits! ->Do NOT use this as a base code. ->Do NOT take parts of this code an claim it as your own. ->You are free to edit however you want. // INFO
                                                                                                                                                                                                                         ->The muse profile pictures are 160 x 160. They will resize automatically. ->To add more muses you need to copy from "Muse box starts here" to Muse Box ends here".
 ->If you want to edit the links in the topbar look for: HEADER START ->If you want to edit the filtes in the sidebar look for: THE FILTERS START HERE ->If you want to add more muse boxes look for: MUSES GO HERE // CREDITS
                                                                                                                                                                                                                    ->Fonts by https: //fonts.google.com
                                                                                                                                                                                                    ->Icons by https: //fontawesome.com/v4/icons/ & https://linearicons.com/free
                                                                                                                                                                                                                 ->Helpful website: https: //www.w3schools.com/
                                                                                                                                                                                                       ->Helpful color code picker: https: //0to255.com/
                                                                                                                                                                                                   ->Aria-Label code: https: //codepen.io/jacmaes/pen/oNKvrp
                                                                                                                                                                                                                                                             ->Filters by retrcmoon & egg.design ->Inspiration: https: //www.pinterest.de/pin/3799980928720327/
                                                                                                                                                                                                                                                             // FILTERS
                                                                                                                                                                                                        ->The filter part needs to be edited on three places in the code if you add/change them. Everything is written in the code. ->Make sure you don't use numbers, spaces or symbols as filter id / label for.
 ->The filter ids in the input need to match with the label for. ->Helpful comments on how to edit the filters can also be found in the code. ->For further help refer to the tutorial: https: //retrcmoon.tumblr.com/tutorial/filter
                                                                                                                                                                                                   ->IMPORTANT!!!!!!! The filters will NOT work for the following browsers: Internet Explorer, Opera Mini,      UC Browser for Android,      Firefox for Android,               QQ Browser,           Baidu Browser,   KaiOS Browser -->
                                                                                                                                                                                                   
                                                                                                                                                                                                   
<!DOCTYPE html>
<html>

<head>
  <link rel="icon" type="image/png" href="{Favicon}">
  <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  <title>muse page</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Manrope:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  <style>
    /*--  CHANGE THE DESIGN DETAILS HERE ONLY!!! --*/
    
     :root {
      /*--- DESIGN OPTIONS ---*/
      --pic-filter: 0%;
      /*CHANGE TO 0% IF YOU WANT NO GREYFILTER*/
      --tumblr-controls: 100%;
      /*CHANGE TO 0% FOR WHITE TUMBLR CONTROLS*/
      --shadow: 0.1;
      /*CHANGE TO 0 FOR NO SHADOW EFFECTS*/
      --bg-pattern-opacity: 0.2;
      /*CHANGE TO 0 IF YOU WANT NO BACKGROUND PATTERN*/
      /*--- GENRAL COLORS ---*/
      --background: #ebebeb;
      --header-background: #ebebeb;
      --header-links: #444;
      --border: #a0a0a0;
      --text: #444;
      --accent: #faf287;
      --bold: #dfd009;
      /*--- SIDEBAR ---*/
      --sidebar-background: #ebebeb;
      --buttons-bg: #f3f3f3;
      --quote: 'canon divergent muses';
      --blogname: '@savingthrwc';
      --icon: url("https://64.media.tumblr.com/b6dc8f0b066cf68380e7408203c19b19/fc06d0a3ae77c7ad-9d/s540x810/744f6439fc2a4f7249dd850aa5053c68d62e9cbc.jpg");
      /*--- CUSTOM ACCENT COLORS ---*/
      --one: #FFC0CB;
      --two: #fffbbc;
      --three: #89cff0;
      --four: #ab85f5;
      --five: #79edb6;
      --six: #ff0000;
      /*--- MUSE BOX DESIGN OPTIONS ---*/
      --text-align: left;
      /*CHANGE TO LEFT IF YOU DONT WANT THE SPACES IN THE DESCRIPTION MUSE BOX */
    }
    /** CREDIT DO NOT DELETE **/
    
    #credit {
      position: fixed;
      bottom: 15px;
      right: 15px;
      width: 15px;
      height: 15px;
      overflow: hidden;
      z-index: 9999999999999999;
      border: 1px solid var(--border);
      padding: 10px;
      transition: all 0.5s;
      background: var(--background);
    }
    
    #credit:hover {
      background: var(--accent);
    }
    
    #credit a,
    #credit i {
      color: var(--text);
      font-weight: 900;
      line-height: 15px;
      font-size: 15px;
      margin-left: -0.5px;
      z-index: 9999999999999999999;
      text-align: center;
    }
    /** SCROLLBAR **/
    
     ::-webkit-scrollbar {
      width: 4px;
      height: 6px;
    }
    
     ::-webkit-scrollbar-track {
      width: 2px;
      background-color: transparent!;
      border: 0px solid var(--border);
    }
    
     ::-webkit-scrollbar-thumb {
      background: var(--border);
      border: 1px solid var(--border);
    }
    
    .description::-webkit-scrollbar {
      width: 0px;
      height: 3px;
    }
    
    sidebar::-webkit-scrollbar {
      width: 1px;
      height: 4px;
    }
    /** BODY **/
    
    .tmblr-iframe--unified-controls {
      transform: scale(0.6, 0.6);
      transform-origin: top right;
      z-index: 99999999999999999999999999999999999999999;
      filter: invert(var(--tumblr-controls));
      -webkit-filter: invert(var(--tumblr-controls));
    }
    
    body {
      background-color: var(--background);
      font-family: 'Karla', sans-serif;
      color: var(--text);
      font-size: 11px;
      overflow: hidden;
    }
    
    body:before {
      content: '';
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      --dot-size: 2px;
      --dot-space: 24px;
      background: linear-gradient(90deg, var(--background) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--background) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--border);
      opacity: var(--bg-pattern-opacity);
    }
    
    a {
      text-decoration: none;
      font-weight: 800;
      color: var(--accent);
      text-transform: lowercase;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    
    b,
    strong {
      color: var(--bold);
      font-family: 'Manrope';
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
    }
    
    i {
      color: var(--accent);
      font-weight: 600;
    }
    
    mark,
    .information blogname {
      color: var(--text);
      background-color: var(--buttons-bg);
      padding: 3px 5px;
      border-radius: 5px;
    }
    
     ::selection {
      color: var(--text);
      background-color: var(--accent);
    }
    
    [aria-label]:after {
      content: attr(aria-label);
      opacity: 0;
      position: absolute;
      top: 110%;
      left: 10px;
      z-index: 5000;
      pointer-events: none;
      padding: 8px 10px;
      line-height: 15px;
      white-space: nowrap;
      text-decoration: none;
      text-indent: 0;
      overflow: visible;
      font-size: 9px;
      font-weight: 700;
      font-family: 'Manrope';
      text-transform: uppercase;
      color: var(--text);
      background-color: var(--background);
      border-left: 6px solid var(--border);
      border-radius: 2px;
      box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    
    [aria-label]:hover:after,
    [aria-label]:focus:after {
      opacity: .9;
    }
    /** CONTAINER **/
    
    section {
      position: absolute;
      overflow: auto;
      width: calc(100% - 310px);
      height: calc(100% - 50px);
      right: 0px;
      bottom: 0px;
      padding: 0px;
      z-index: 1;
    }
    
    .filters-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: flex-start;
    }
    
    .filters-container>div {
      display: flex;
    }
    /** HEADER **/
    
    header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 40px;
      border-bottom: 1px solid var(--border);
      z-index: 99;
      background: var(--header-background);
    }
    
    header span {
      position: absolute;
      margin-left: 15px;
      margin-top: 5px;
      font-size: 25px;
      font-weight: 900;
      color: var(--header-links);
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
    }
    
    .links {
      position: absolute;
      margin-left: 50px;
      margin-top: 6px;
      width: 50%;
      height: 35px;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    
    .links a {
      position: relative;
      display: inline-block;
      height: 20px;
      padding: 6px;
      text-align: center;
      color: var(--header-links);
      text-transform: uppercase;
      font-size: 13px;
      font-family: 'Manrope';
      font-weight: 500;
      line-height: 15px;
    }
    
    .links a::before {
      content: "";
      position: absolute;
      display: block;
      width: 140%;
      height: 3px;
      bottom: 0;
      left: -20%;
      background-color: var(--header-links);
      transform: scaleX(0);
      transition: transform 0.3s ease;
    }
    
    .links a:hover::before {
      transform: scaleX(1);
    }
    /** SIDEBAR **/
    
    sidebar {
      position: fixed;
      z-index: 9;
      top: 0;
      left: 0;
      width: 300px;
      height: 100%;
      border-right: 1px solid var(--border);
      background: var(--sidebar-background);
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, var(--shadow));
      -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, var(--shadow));
      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, var(--shadow));
    }
    
    .information {
      position: absolute;
      margin-top: 40px;
      margin-left: 0px;
      width: 300px;
      height: 130px;
      border-bottom: 1px solid var(--border);
      z-index: 999999;
    }
    
    .information img {
      content: var(--icon);
      position: absolute;
      margin-top: 35px;
      border-radius: 50%;
      margin-left: 17px;
      width: 60px;
      height: 60px;
      object-fit: cover;
      padding: 3px;
      border: 1px solid var(--border);
    }
    
    .information circle {
      display: inline-block;
      margin-top: 100px;
      margin-left: 10px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--sidebar-background);
      border: 1px solid var(--border);
    }
    
    .information circle:first-of-type {
      margin-left: 120px;
    }
    
    .information circle:nth-of-type(even) {
      background: var(--border);
    }
    
    .information quote {
      position: absolute;
      font-family: 'Manrope';
      margin-top: 45px;
      margin-left: 90px;
      font-size: 14px;
      font-weight: 900;
      line-height: 17px;
      width: 170px;
      text-transform: uppercase;
      text-align: right;
    }
    
    .information quote::before {
      content: var(--quote);
    }
    
    .information blogname {
      position: absolute;
      margin-top: 65px;
      margin-left: 95px;
      font-weight: 700;
      text-transform: uppercase;
    }
    
    .information blogname::before {
      content: var(--blogname);
    }
    /** MUSES **/
    
    muse {
      width: 350px;
      /*340*/
      height: 330px;
      /** 240 **/
      background-color: var(--background);
      margin: 5px 10px 5px 5px;
      display: inline-block;
      border: 1px solid var(--border);
      padding: 5px 6px;
      border-radius: 20px;
      -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, var(--shadow));
      -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, var(--shadow));
      box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, var(--shadow));
    }
    
    muse img {
      position: absolute;
      margin-top: 0px;
      margin-left: 0px;
      width: 170px;
      /*160*/
      height: 260px;
      /** 160 **/
      object-fit: cover;
      filter: grayscale(var(--pic-filter));
      -webkit-filter: grayscale(var(--pic-filter));
      -moz-filter: grayscale(var(--pic-filter));
      opacity: 100%;
      border: 1px solid var(--border);
      border-bottom: none;
      border-radius: 16px 0px 0px 0px;
    }
    
    muse a {
      position: absolute;
      background: var(--accent);
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin-top: -12px;
      margin-left: -18px;
      border: 8px solid var(--background);
    }
    
    muse a::before {
      content: '●';
      color: var(--background);
      font-size: 50px;
      margin-left: 4.5px;
      line-height: 35px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    
    muse a:hover:before {
      color: var(--accent);
    }
    
    .name {
      position: absolute;
      margin-top: 2px;
      margin-left: 175px;
      /*165*/
      width: 170px;
      height: 60px;
      font-family: 'Manrope';
      font-size: 33px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 25px;
    }
    
    .name p {
      margin-top: 2px;
      font-weight: 500;
      font-size: 23px;
    }
    
    .name:first-letter {
      color: var(--accent);
      font-style: bold;
      font-weight: 900;
      font-size: 35px;
    }
    
    .age,
    .gender {
      position: absolute;
      margin-top: 261px;
      /** 161 **/
      margin-left: 0px;
      width: 85px;
      /*70*/
      height: 66px;
      overflow: hidden;
      border: 1px solid var(--border);
      background: var(--accent);
      text-align: center;
      font-family: 'Bebas Neue';
      font-size: 25px;
      font-weight: 500;
      line-height: 66px;
      /*76*/
      z-index: 2;
    }
    
    .age {
      border-radius: 0px 0px 0px 16px;
    }
    
    .gender {
      margin-left: 86px;
      /*91*/
      background: var(--background);
      font-size: 16px;
      line-height: 60px;
      /*65 */
      border-left: none;
      z-index: 0;
    }
    
    .gender p {
      font-size: 12px;
      margin-top: -45px;
    }
    /* -48 */
    
    .traits {
      position: absolute;
      border: 1px solid var(--border);
      border-left: none;
      height: 40px;
      width: 177px;
      margin-top: 60px;
      margin-left: 172px;
      /*162*/
      text-align: center;
      display: flex;
      justify-content: space-between;
      align-content: center;
      flex-wrap: nowrap;
      background: var(--accent);
      font-size: 11px;
    }
    
    .traits span {
      line-height: 15px;
      padding-top: 5px;
      flex: 1;
      border-right: 1px solid var(--border);
    }
    
    .traits span:last-of-type {
      border-right: none;
    }
    
    .description {
      position: absolute;
      margin-top: 101px;
      margin-left: 172px;
      /*162*/
      height: 216px;
      /** 186 **/
      width: 167px;
      border: 1px solid var(--border);
      border-left: none;
      border-radius: 0px 0px 16px 0px;
      padding: 5px;
      overflow: auto;
      text-align: var(--text-align);
      font-size: 13px;
    }
    
    h1 a {
        font-size:20px!important;
        font-family:times;
        text-decoration:bold;
        background-color:yellow;
    }
    
    /** COLOR VARAIBLES **/
    
    filter[color1] .age,
    filter[color1] .traits,
    filter[color1] a {
      background: var(--one);
    }
    
    filter[color1] .name:first-letter,
    filter[color1] a:hover:before,
    filter[color1] i,
    filter[color1] b {
      color: #bd6574;
    }
    
    filter[color2] .age,
    filter[color2] .traits,
    filter[color2] a {
      background: var(--two);
    }
    
    filter[color2] .name:first-letter,
    filter[color2] a:hover:before,
    filter[color2] b,
    filter[color2] i {
      color: #a09721;
    }
    
    filter[color3] .age,
    filter[color3] .traits,
    filter[color3] a {
      background: var(--three);
    }
    
    filter[color3] .name:first-letter,
    filter[color3] a:hover:before,
    filter[color3] i,
    filter[color3] b {
      color: #4b9cc2;
    }
    
    filter[color4] .age,
    filter[color4] .traits,
    filter[color4] a {
      background: var(--four);
    }
    
    filter[color4] .name:first-letter,
    filter[color4] a:hover:before,
    filter[color4] i,
    filter[color4] b {
      color: #695395;
    }
    
    filter[color5] .age,
    filter[color5] .traits,
    filter[color5] a {
      background: var(--five);
    }
    
    filter[color5] .name:first-letter,
    filter[color5] a:hover:before,
    filter[color5] i,
    filter[color5] b {
      color: #175537;
    }
    
    
     filter[color6] .age,
    filter[color6] .traits,
    filter[color6] a {
      background: var(--six);
    }
    
    filter[color6] .name:first-letter,
    filter[color6] a:hover:before,
    filter[color6] i,
    filter[color6] b {
      color:#ff0000;
    }
    /** FILTERS **/
    
    .filter {
      position: relative;
      width: 300px;
      min-height: 100px;
      margin-bottom: 20px;
      margin-left: 0px;
      text-align: left;
      border-bottom: 1px solid var(--border);
      text-align: center;
      padding-bottom: 20px;
    }
    
    .filtercontainer {
      position: absolute;
      margin-top: 190px;
    }
    
    .filter p {
      margin-top: 0px;
      font-family: 'Manrope';
      font-size: 23px;
      font-variant: small-caps;
      font-weight: 700;
      margin-bottom: 12px;
      text-align: center;
      letter-spacing: 1px;
      color: var(--text);
    }
    
    .filter_links {
      margin-left: 15px;
      width: 275px;
    }
    
    label,
    input {
      cursor: pointer;
      width: 80px;
      padding: 5px;
      height: 20px;
      margin-right: 5px;
      margin-bottom: 5px;
      background: var(--buttons-bg);
      border-radius: 10px;
      display: inline-block;
      border: 1px solid var(--border);
      font-weight: 600;
      text-align: center;
      color: var(--text);
      text-transform: uppercase;
      font-size: 11px;
      font-family: 'Manrope';
      line-height: 20px;
      transition: all .7s ease;
      -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, var(--shadow));
      -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, var(--shadow));
      box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, var(--shadow));
    }
    
    input:checked+label,
    label:hover {
      background: var(--accent);
      color: var(--text);
      border: 1px solid var(--accent);
    }
    
    #one input:checked+label,
    #one label:hover {
      background: var(--one);
      color: var(--text);
      border: 1px solid var(--one);
    }
    
    #two input:checked+label,
    #two label:hover {
      background: var(--two);
      color: var(--text);
      border: 1px solid var(--two);
    }
    
    #three input:checked+label,
    #three label:hover {
      background: var(--three);
      color: var(--text);
      border: 1px solid var(--three);
    }
    
    #four input:checked+label,
    #four label:hover {
      background: var(--four);
      color: var(--text);
      border: 1px solid var(--four);
    }
    
    #five input:checked+label,
    #five label:hover {
      background: var(--five);
      color: var(--text);
      border: 1px solid var(--five);
    }
    
    input[type="radio"] {
      display: none;
    }
    
    @keyframes hideFilter {
      50% {
        transform: scale(0);
        height: 100px;
        width: 100px;
      }
      100% {
        transform: scale(0);
        width: 0;
        height: 0;
        margin: 0;
      }
    }
    /** IMPORTANT!!! THIS NEEDS TO BE EDITED IF YOU ADD MORE/OTHER FILTERS!!!

Everything you add as filter labels you have to add here. Look what you have in the Filter id="" and for="" section you need to add here. Don't use numbers and don't put spaces between words when you use more than one word as filter. A tutorial link can be found on top of the code. **/
    
    sidebar:has(input:checked+label[for='super'])~section filter:not([super]),
    sidebar:has(input:checked+label[for='primary'])~section filter:not([primary]),
    sidebar:has(input:checked+label[for='secondary'])~section filter:not([secondary]),
    sidebar:has(input:checked+label[for='tertiary'])~section filter:not([tertiary]),
    sidebar:has(input:checked+label[for='test'])~section filter:not([test]),
    sidebar:has(input:checked+label[for='semiprivate'])~section filter:not([semiprivate]),
    sidebar:has(input:checked+label[for='yescros'])~section filter:not([yescros]),
    sidebar:has(input:checked+label[for='nocros'])~section filter:not([nocros]),
    sidebar:has(input:checked+label[for='maybecros'])~section filter:not([maybecros]),
    sidebar:has(input:checked+label[for='Lost'])~section filter:not([Lost]),
    sidebar:has(input:checked+label[for='Chuck'])~section filter:not([Chuck]),
    sidebar:has(input:checked+label[for='DragonAge'])~section filter:not([DragonAge]),
    sidebar:has(input:checked+label[for='Marvel'])~section filter:not([Marvel]),
    sidebar:has(input:checked+label[for='DoctorWho'])~section filter:not([DoctorWho]),
    sidebar:has(input:checked+label[for='finalfantasy'])~section filter:not([finalfantasy]),

    sidebar:has(input:checked+label[for='LotR'])~section filter:not([LotR]),
       sidebar:has(input:checked+label[for='twilight'])~section filter:not([twilight]),
    sidebar:has(input:checked+label[for='theHundred'])~section filter:not([theHundred]),
    sidebar:has(input:checked+label[for='Grishaverse'])~section filter:not([Grishaverse]),
    sidebar:has(input:checked+label[for='baldursgate'])~section filter:not([baldursgate]),
    sidebar:has(input:checked+label[for='strangerthings'])~section filter:not([strangerthings]),
    sidebar:has(input:checked+label[for='btvs'])~section filter:not([btvs]),

    sidebar:has(input:checked+label[for='untildawn'])~section filter:not([untildawn]),
    sidebar:has(input:checked+label[for='nofandom'])~section filter:not([nofandom]),
    sidebar:has(input:checked+label[for='Fallout'])~section filter:not([Fallout]),
    sidebar:has(input:checked+label[for='dc'])~section filter:not([dc]),
    sidebar:has(input:checked+label[for='bridgerton'])~section filter:not([bridgerton]),
    sidebar:has(input:checked+label[for='historical'])~section filter:not([historical]),
    sidebar:has(input:checked+label[for='xmen'])~section filter:not([xmen]),
    sidebar:has(input:checked+label[for='turn'])~section filter:not([turn]),
    sidebar:has(input:checked+label[for='therookie'])~section filter:not([therookie]),
    sidebar:has(input:checked+label[for='firefly'])~section filter:not([firefly]),
    sidebar:has(input:checked+label[for='opla'])~section filter:not([opla]),
    sidebar:has(input:checked+label[for='ouat'])~section filter:not([ouat]),
    sidebar:has(input:checked+label[for='nineoneone'])~section filter:not([nineoneone]),
    sidebar:has(input:checked+label[for='magical'])~section filter:not([magical]),
      sidebar:has(input:checked+label[for='squidgame'])~section filter:not([squidgame]),
        sidebar:has(input:checked+label[for='thepitt'])~section filter:not([thepitt]),
    sidebar:has(input:checked+label[for='twd'])~section filter:not([twd]),
    sidebar:has(input:checked+label[for='tlou'])~section filter:not([tlou]),
    sidebar:has(input:checked+label[for='modern'])~section filter:not([modern]),
    sidebar:has(input:checked+label[for='fm'])~section filter:not([fm]),
    sidebar:has(input:checked+label[for='ff'])~section filter:not([ff]),
    sidebar:has(input:checked+label[for='aroff'])~section filter:not([aroff]),
    sidebar:has(input:checked+label[for='aceff'])~section filter:not([aceff]),
    sidebar:has(input:checked+label[for='arofm'])~section filter:not([arofm]),
    sidebar:has(input:checked+label[for='acefm'])~section filter:not([acefm]),
    sidebar:has(input:checked+label[for='aroace'])~section filter:not([aroace]),
    sidebar:has(input:checked+label[for='canondiv'])~section filter:not([canondiv]),
    sidebar:has(input:checked+label[for='oc'])~section filter:not([oc]),
    sidebar:has(input:checked+label[for='au'])~section filter:not([au]),
    sidebar:has(input:checked+label[for='canonLost'])~section filter:not([canonLost]),
    sidebar:has(input:checked+label[for='canonBridgerton'])~section filter:not([canonBridgerton]),
    sidebar:has(input:checked+label[for='canonFirefly'])~section filter:not([canonFirefly]),
    sidebar:has(input:checked+label[for='canonChuck'])~section filter:not([canonChuck]),
    sidebar:has(input:checked+label[for='canonDragonAge'])~section filter:not([canonDragonAge]),
    sidebar:has(input:checked+label[for='canonMarvel'])~section filter:not([canonMarvel]),
    
        sidebar:has(input:checked+label[for='canonbtvs'])~section filter:not([canonbtvs]),

 sidebar:has(input:checked+label[for='nofandom'])~section filter:not([nofandom]),
    sidebar:has(input:checked+label[for='canonopla'])~section filter:not([canonopla]),
    sidebar:has(input:checked+label[for='canonDoctorWho'])~section filter:not([canonDoctorWho]),
    sidebar:has(input:checked+label[for='canonFF'])~section filter:not([canonFF]),
      sidebar:has(input:checked+label[for='canonthepitt'])~section filter:not([canonthepitt]),
    sidebar:has(input:checked+label[for='canonLotR'])~section filter:not([canonLotR]),
    sidebar:has(input:checked+label[for='canontheHundred'])~section filter:not([canontheHundred]),
    sidebar:has(input:checked+label[for='canonstrangerthings'])~section filter:not([canonstrangerthings]),
    sidebar:has(input:checked+label[for='canonbaldursgate'])~section filter:not([canonbaldursgate]),
    sidebar:has(input:checked+label[for='canonuntildawn'])~section filter:not([canonuntildawn]),
      sidebar:has(input:checked+label[for='canonsquidgame'])~section filter:not([canonsquidgame]),
      sidebar:has(input:checked+label[for='canontlou'])~section filter:not([canontlou]),
            sidebar:has(input:checked+label[for='canontwilight'])~section filter:not([canontwilight]),
    sidebar:has(input:checked+label[for='canonFallout'])~section filter:not([canonFallout]),
    
   sidebar:has(input:checked+label[for='human'])~section filter:not([human]),
    sidebar:has(input:checked+label[for='creature'])~section filter:not([creature]),
     sidebar:has(input:checked+label[for='alien'])~section filter:not([alien]),
      sidebar:has(input:checked+label[for='elf'])~section filter:not([elf]),
       sidebar:has(input:checked+label[for='goddess'])~section filter:not([goddess])
    
    
    /**no comma at the end **/
    
    {
      animation: hideFilter .8s 1 forwards!important;
    }
  </style>
</head>

<body>
  <!-- - HEADER START --->
  <header><span class="lnr lnr-pushpin"></span>
    <div class="links">
      <!-- This is the sidebar menu replace the links with what you want --><a href="https://savingthrcw.tumblr.com">Home</a>
      <h1><a href="https://sites.google.com/view/savingthrcw/rules">rules & bios</a></h1>
      <p>Click on the circle next to the photo for the direct bio!</p>
    </div>
  </header>
  <!-- - HEADER END --->
  <!-- - SIDEBAR START --->
  <sidebar>
    <div class="information"><img src="">
      <quote></quote>
      <blogname></blogname>
      <circle></circle>
      <circle></circle>
      <circle></circle>
      <circle></circle>
      <circle></circle>
    </div>
    <!-- Do not touch-->
    <div class="filtercontainer">
      <!-- THE FILTERS START HERE!!!! The ID (id="") needs to be the same as the for="" in the label. Make sure the name="" of the same batch is the same. For example: everything under the age section has name="age" in it. -->
      <!-- FILTER CATEGORY 1 STARTS HERE -->
      <div class="filter">
        <p>status</p>
        <div class="filter_links" id="five">
          <!-- by adding one,
                                                                                                                                                                                                                                                             two or three in the ID you can change the highlight color. leave it blank for the accent color. EX: <div class="filter_links" id="one">--><input type="radio" id="allstatus" name="status" checked><label for="allstatus">all</label>
                                                                   
                                                                   <input type="radio" id="super" name="status"><label for="super">super active</label>
                                                                                                                                                                                                                                                                 <input type="radio" id="primary" name="status"><label for="primary">high activity</label>
                                                                                                                                                                                                       <input type="radio" id="secondary" name="status"><label for="secondary">mid activity</label>
 <input type="radio" id="tertiary" name="status"><label for="tertiary">low activity</label>
 <input type="radio" id="test" name="status"><label for="test">test</label>
  <input type="radio" id="semiprivate" name="status"><label for="semiprivate">semi private</label></div>
      </div>
      <!-- FILTER CATEGORY 1 ENDS HERE -->
      
      <!-- FILTER CATEGORY 2 STARTS HERE -->
      <div class="filter">
        <p>Crossovers:</p>
        <div class="filter_links" id="five">
          <!-- by adding one,
                                                                                                                                                                                                                                                             two or three in the ID you can change the highlight color. leave it blank for the accent color. EX: <div class="filter_links" id="one">-->
                                                                                                                                                                                                <input type="radio" id="allcros" name="cros" checked><label for="allcros">all</label>
                                                                                                                                                                                            <input type="radio" id="yescros" name="cros"><label for="yescros">yes</label>
                                                                                                                                                                                            <input type="radio" id="nocros" name="cros"><label for="nocros">no</label>
      <input type="radio" id="maybecros" name="cros"><label for="maybecros">maybe</label></div>
      <br>
      
      <p style="font-size:12px">       yellow are the most open to interactions <br>pink is character-selective, blue is only written in canon fandom </p>
      </div>
      
     
      <!-- FILTER CATEGORY 2 ENDS HERE -->
      
      
      <!-- FILTER CATEGORY 3 STARTS HERE -->
      <div class="filter">
        <p>Open to these fandoms:</p>
        <div class="filter_links" id="five"><input type="radio" id="allgender" name="gender" checked><label for="allgender">all</label>
        <input type="radio" id="baldursgate" name="gender"><label for="baldursgate">bg3</label>
        
        <input type="radio" id="bridgerton" name="gender"><label for="bridgerton">bridgerton</label>
        <input type="radio" id="btvs" name="gender"><label for="btvs">btvs</label>
          <input type="radio" id="Chuck" name="gender"><label for="Chuck">Chuck</label><input type="radio" id="DoctorWho" name="gender"><label for="DoctorWho">Doctor Who</label>
          
          <input type="radio" id="DragonAge" name="gender">          <label for="DragonAge">Dragon Age</label>
     <input type="radio" id="Fallout" name="gender"><label for="Fallout">Fallout</label>
      <input type="radio" id="firefly" name="gender"><label for="firefly">firefly</label>
      
    <input type="radio" id="finalfantasy" name="gender">  <label for="finalfantasy">FF6-8-9</label>

 
  <input type="radio" id="historical" name="gender"><label for="historical">historical</label>
        <input type="radio" id="Lost" name="gender">     <label for="Lost">Lost</label>
        <input type="radio" id="LotR" name="gender"><label for="LotR">LotR</label>
          
    <input type="radio" id="magical" name="gender"><label for="magical">magical</label>
          
          <input type="radio" id="Marvel" name="gender"><label for="Marvel">Marvel</label>
        <input type="radio" id="modern" name="gender"><label for="modern">modern</label>
    
    <input type="radio" id="opla" name="gender"><label for="opla">one piece</label>
    
           <input type="radio" id="ouat" name="gender"><label for="ouat">ouat</label>
            
          
  <input type="radio" id="strangerthings" name="gender"><label for="strangerthings">stranger th.</label>
          
            
          <input type="radio" id="theHundred" name="gender"><label for="theHundred">the 100</label>
          
         
          <input type="radio" id="thepitt" name="gender"><label for="thepitt">the Pitt</label>
          
            <input type="radio" id="therookie" name="gender"><label for="therookie">the Rookie</label>
       
  
                <input type="radio" id="tlou" name="gender"><label for="tlou">TLOU</label>
          
          
          <input type="radio" id="turn" name="gender"><label for="turn">TURN AWS</label>
          
    
    <input type="radio" id="twd" name="gender"><label for="twd">twd tv/game</label>
        <input type="radio" id="twilight" name="gender"><label for="twilight">twilight</label>
  
          <input type="radio" id="untildawn" name="gender"><label for="untildawn">Until Dawn</label>
          
          <input type="radio" id="xmen" name="gender"><label for="xmen">x-men (tv)</label>
       <input type="radio" id="nineoneone" name="gender">  <label for="nineoneone">911</label>
 
          
          </div>
          
      </div>
      <!-- FILTER CATEGORY 3 ENDS HERE -->
      
      
      <!-- FILTER CATEGORY 4 STARTS HERE -->
      <div class="filter">
        <p>Type*:</p>
        <div class="filter_links" id="five">
          <!-- by adding one,
                                                                                                                                                                                                                                                             two or three in the ID you can change the highlight color. leave it blank for the accent color. EX: <div class="filter_links" id="one">--><input type="radio" id="allage" name="age" checked><label for="allage">all</label><input type="radio" id="canondiv" name="age"><label for="canondiv">canon div</label><input type="radio" id="oc" name="age"><label for="oc">oc</label><input type="radio"
            id="au" name="age"><label for="au">au</label><br><br>
          <p style="font-size:12px">*canon div: I changed something about the character's portrayal.<br> AU: I changed some fundamental aspects of canon that alters everything</div>
      </div>
      </p>
      <!-- FILTER CATEGORY 4 ENDS HERE -->
      
      
      <!-- FILTER CATEGORY 5 STARTS HERE -->
      <div class="filter">
        <p>Open to ships*:</p>
        <div class="filter_links" id="five">
          <!-- by adding one,
                                                                                                                                                two or three in the ID you can change the highlight color. leave it blank for the accent color. EX: <div class="filter_links" id="one">-->
                                                                                                                <input type="radio" id="allship" name="ship" checked><label for="allship">all</label>
            <input type="radio" id="fm" name="ship"><label for="fm">f/m</label><input type="radio" id="ff" name="ship"><label for="ff">f/f</label>
                                                                                                                                                                                               <input type="radio" id="arofm" name="ship"><label for="arofm">aro f/m</label>
                                                                                                                                                                                               <input type="radio" id="aroff" name="ship"><label for="aroff">aro f/f</label>
                                                                                                                                                                                               <input type="radio" id="acefm" name="ship"><label for="acefm">f/m ace</label>
                                                                                                                                                                                               <input type="radio" id="aceff" name="ship"><label for="aceff">f/f ace</label><input type="radio" id="aroace" name="ship"><label for="aroace">aroace</label><br><br>
                                                                                                                                                                                               
          <p style="font-size:12px">*aro and ace are meant as a spectrum, from demi to repulsed depending on the character, so 'ace f/f' could mean romantically attracted to women but sex repulsed or demi or neutral etc unlike f/f who is simply attracted to women physically and
            romantically. <br>Bi/pan characters have both f/m and f/f checked separatedly to keep this list manageable.</p>
        </div>
      </div>
      <!-- FILTER CATEGORY 5 ENDS HERE -->
      
      
      <!-- FILTER CATEGORY 6 STARTS HERE -->
      <div class="filter">
        <p>Originally from:</p>
        <div class="filter_links" id="five">
        <input type="radio" id="allcanonically" name="canonically" checked><label for="allcanonically">all</label>
         
        <input type="radio" id="canonbaldursgate" name="canonically"><label for="canonbaldursgate">bg3</label>
        <input type="radio" id="canonBridgerton"  name="canonically"><label for="canonBridgerton">bridgerton</label>
                <input type="radio" id="canonbtvs" name="canonically"><label for="canonbtvs">btvs</label>


        <input type="radio" id="canonDoctorWho" name="canonically"><label for="canonDoctorWho">Doctor Who</label>
          <input type="radio" id="canonDragonAge" name="canonically"><label for="canonDragonAge">Dragon Age</label>
          <input type="radio" id="canonFallout" name="canonically"><label for="canonFallout">Fallout</label>
          
          <input type="radio" id="canonFF" name="canonically"><label for="canonFF">FF</label>
          <input type="radio" id="canonLost" name="canonically"><label for="canonLost">Lost</label>
          
          <input type="radio" id="canonMarvel" name="canonically"><label for="canonMarvel">Marvel</label>
             <input type="radio" id="nofandom" name="canonically"><label for="nofandom">no fandom</label>
          
          <input type="radio" id="canonopla" name="canonically"><label for="canonopla">la onepiece</label>
          <input type="radio" id="canontwilight" name="canonically"><label for="canontwilight">Twilight</label>
               <input type="radio" id="canonstrangerthings" name="canonically"><label for="canonstrangerthings">stranger th.</label>
                
          <input type="radio" id="canontheHundred" name="canonically"><label for="canontheHundred">the 100</label>
               <input type="radio" id="canonthepitt" name="canonically"><label for="canonthepitt">the Pitt</label>
            <input type="radio" id="canontlou" name="canonically"><label for="canontlou">tlou</label>
          <input type="radio" id="canonuntildawn" name="canonically"><label for="canonuntildawn">Until Dawn</label></div>
      </div>
      <!-- FILTER CATEGORY 6 ENDS HERE -->
      
      
      <!-- FILTER CATEGORY 7 STARTS HERE -->
      <div class="filter">
        <p>Main verse form</p>
        <div class="filter_links" id="five">
          <!-- by adding one                                                                  two or three in the ID you can change the highlight color. leave it blank for the accent color. EX: <div class="filter_links" id="one">-->
                                                                                                                <input type="radio" id="allform" name="form" checked><label for="allform">all</label>
            <input type="radio" id="human" name="form"><label for="human">human</label>
            <input type="radio" id="elf" name="form"><label for="elf">elf</label>
                                                                                                                                                                                               <input type="radio" id="goddess" name="form"><label for="goddess">goddess</label>
                                                                                                                                                                                               <input type="radio" id="alien" name="form"><label for="alien">alien</label>
                                                                                                                                                                                               <input type="radio" id="creature" name="form"><label for="creature">creature</label>
                                                                                                                                                                                            
                                                                                                                                                                                             
        </div>
      </div>
      <!-- FILTER CATEGORY 7 ENDS HERE -->
      
      
      <!-- You can add more filters just copy paste from filter category starts here to filter category ends here and paste above this text. The sidebar keeps scrolling. -->
    </div>
  </sidebar>
  <!-- - SIDEBAR END --->
  <section class="filters-container">
    <!-- MUSES GO HERE-->
    
    
       <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 super canondiv au yescros canondoctorwho alien  historical  lost   firefly  marvel magical  twd doctorwho modern fallout fm ff>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/00d0f0b25b9c370c1637d16938fdaae7/f9954e58cf5bac61-62/s540x810/ca802043f5dabf37c55083dd13dc740ed58468d0.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/doctor-who/jenny-doctor-who"></a>
        <!-- If you want no link delete this -->
        <div class="name">Jenny
          <p style="font-size:16px">Doctor's Daughter</p>
        </div>
        <div class="age">50+</div>
        <div class="gender">doctor who
          <p>canon div</p>
        </div>
        <div class="traits"><span>open to canon, canon divergent and oc characters</span></div>
        <div class="description"><b>Wanted interactions</b>: Doctor Who muses from 2005 on, and all kinds of crossovers where can still be an alien even if the fandom itself doesn't canonically have them, as long as it's one of the fandoms I write in. Has a verse where she can exist as a genetically modified person for fandoms like Fallout or One Piece.
          <br><b>Open to ship with:</b> she's bisexual/omnisexual and demiromantic, but the person has to be unambiguously an adult. The only canon companion I can ship is Jack. I won't force it, she's just into flirts, including (older) Amy if she weren't married. 
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 canonmarvel marvel oc human super fallout yescros fm dc doctorwho modern primary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/089212076cace478f6b961bfb5a9bfd6/04566943bd0e7df1-46/s540x810/307caa423dbcfce9dd353a11bda9674dc0bc404b.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/ocs/lynn-austen-oc"></a>
        <!-- If you want no link delete this -->
        <div class="name">Lynn
          <p>Austen</p>
        </div>
        <div class="age">24+</div>
        <div class="gender">all fandoms
          <p>OC</p>
        </div>
        <div class="traits"><span>open to canon, canon divergent and  oc characters</span></div>
        <div class="description"><b>Wanted interactions:</b>  any fandom where super-heroes or super-powers of sorts can exist in the 'modern world', or anywhere that isn't historical/high fantasy. Originally for The Boys but I got attached and made a more generic story.   
          <br><b>Open to ship with:</b> men. She was raised with toxic-masculinity ideals for herself and ended up liking softies and nice guys.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
        <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 super canondiv au yescros human tlou dragonage baldursgate nofandom canonbridgerton bridgerton opla chuck historical btvs magical lost  turn thepitt firefly therookie nineoneone xmen thepitt  marvel magical tlou twd doctorwho modern fallout fm ff>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/ae2e3e28e8438de96ed81a1d1bba2921/f9954e58cf5bac61-67/s540x810/71d379fc8273c3c202bd85e987205cd9b54e1ec3.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/ocs/bonnie-oc"></a>
        <!-- If you want no link delete this -->
        <div class="name">Bonnie
          <p>Gillanders</p>
        </div>
        <div class="age">21+</div>
        <div class="gender">multifandom
          <p>oc</p>
        </div>
        <div class="traits"><span>open to canon, canon divergent and oc characters</span></div>
        <div class="description"><b>Wanted interactions:</b> born as a Bridgerton OC, open to everyone I know from every fandom, she has specific verses for everything. Note: she's disabled and disfigured and I want her to stay that way. No magic cures.
          <br><b>Open to ship with:</b> men.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    
    
    <filter color3 primary au nocros canonfallout human aceff ff fm acefm fallout>
      <!-- Add the filters here! Use color1,                                                                                                                color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/f1174de11461d3b14229e92dbb577840/f9954e58cf5bac61-14/s540x810/46ec4cd341cb678b6024ccb6fe760c4341fc6773.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/fallout-verse/au-janey-fallout-prime" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Janey
          <p>Howard</p>
        </div>
        <div class="age">34+</div>
        <div class="gender">Fallout
          <p>AU</p>
        </div>
        <div class="traits"><span>selective,   open to *some* canon,     canon div. and ocs</span></div>
        <div class="description"><b>Wanted interactions</b>: obviously her father (The Ghoul), Lucy, Max, other tvshow characters and, selectively, ocs and main characters from the games that I think can work with her given how unfriendly she can be. <br><b>open to ship with:</b> She's demi-biromantic, ace and very sex repulsed to the point that kissing is stretching it. I won't write her forcing herself to sleep with people so keep that in mind. 
              
          </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE bELOW-->
    
    
        <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 primary canontlou fm au  human nocros tlou>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/a9de4d8519dc6c738c8a232e0a8832b7/f9954e58cf5bac61-89/s540x810/d1c1dcea066a093cd0da01e140363b6a854f920e.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/tlou/au-sarah-miller-tlou" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Sarah
          <p>Miller AU</p>
        </div>
        <div class="age">33+</div>
        <div class="gender">The Last of Us
          <p>au</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>wanted interactions</b>: for now only TLOU characters but if people are interested, I'll open her to everyone. Keep in mind that initially she'll hate Joel and Tommy's guts. She has a whole life described in her bio away from them.  <br>
        <b>open to ship with:</b> men.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
        <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 primary canontlou oc yescros human fm ff twd thepitt therookie fallout  nineoneone modern tlou>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/3b6ec78df4c822a46c752a771b4c17cd/f9954e58cf5bac61-82/s540x810/2e86b25c15d16dbda7b65870ebec8caa0a493ef4.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/tlou/yana-mills-sarahs-mother-tlou"></a>
        <!-- If you want no link delete this -->
        <div class="name">Yana M.
          <p style="font-size:17px">Sarah's mother</p>
        </div>
        <div class="age">50+</div>
        <div class="gender">The Last of Us
          <p>OC</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>wanted interactions</b>: TLOU, TWD, Fallout, modern fandoms: real world (like 911 and the Rookie) or marvel-like (you don't need to know TLOU, her story is short and self-explanatory).  <br>
        <b>open to ship with:</b> everybody (who's around her age) but it will take a lot of interaction.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
        <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 primary canontlou canondiv twd human yescros tlou>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/1e5475513e259f38eb5c27edabe62962/f9954e58cf5bac61-ee/s540x810/6e97d9ef0a437792f23b0fe2eebc6ca01b9b233b.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/tlou/tess-servopoulos-tlou"></a>
        <!-- If you want no link delete this -->
        <div class="name">Tess
          <p>Servopoulos</p>
        </div>
        <div class="age">45</div>
        <div class="gender">The Last of Us
          <p>canon div</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>wanted interactions</b>: TLOU characters, TWD, Fallout Prime, 3, 4, and others you may see in this sort of apocalyptic scenarios. <br>
        <b>open to ship with:</b> Joel but it's not 'expected' of anyone (however, I don't want an official pre-existing relationship, see about page). Also maybe other men? Maybe.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 canondoctorwho  fallout magical alien firefly grishaverse dragonage canondiv doctorwho historical marvel xmen twd tlou dc baldursgate yescros au fm ff modern primary>
      <!-- Add the filters here! Use color1,       color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/c876e7b5079ce8b92a208cef42c9591e/f9954e58cf5bac61-aa/s540x810/1ade475dd9796863e2aad620c191be3b855e64fa.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/doctor-who/au-torvic-doctor-who"></a>
        <!-- If you want no link delete this -->
        <div class="name">Torvic
          <p>The Burnt One</p>
        </div>
        <div class="age">???</div>
        <div class="gender">Doctor Who
          <p>au</p>
        </div>
        <div class="traits"><span>open to canon,   canon div. and oc characters</span></div>
        <div class="description"><b>Wanted interactions</b>: Doctor Who characters starting from the 9th era, alien-friendly fandoms, BG3, fandoms with apocalyptic (TLOU&TWD) sci-fi or supernatural elements (warning: villain character but she's being forced not to hurt 'good people' by the narrative). 
          <br><b>Open to ship with:</b> everybody? But she can also come off as "into" people she hates because the line is fuzzy to her. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canondoctorwho goddess doctorwho nocros oc fm ff modern primary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/42bfdc9edca25df361791ff24bab29f7/f9954e58cf5bac61-72/s540x810/f5e57ff75d2ce4ac27b06614f6dfb36cf6bd4bd0.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/doctor-who/the-doctors-mother-doctor-who"></a>
        <!-- If you want no link delete this -->
        <div class="name">The Mother
          <p></p>
        </div>
        <div class="age">5000+</div>
        <div class="gender">Doctor Who
          <p>OC</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"> <b>Wanted interactions:</b> Doctor Who muses from 2005 on. She's the Doctor's biological mother from another universe, following the timeless child plot (I haven't seen classic Who.) 90% a character made just for fun, way overpowered and genuinely confused by humanity but wrapped around her baby's little finger. <br><b>Open to ship with:</b> no idea, she's a Horror.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canonfallout human fallout canondiv nocros fm primary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/10171de8fc1c0d4fe3873c0040fc1de4/f9954e58cf5bac61-f5/s540x810/97da91f001bc0de923c27da2bcfe63a5468e97b1.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/fallout-verse/steph-fallout-prime" aria-label="muse profile"></a> 
        <!-- If you want no link delete this -->
        <div class="name">Stephanie
          <p>Harper</p>
        </div>
        <div class="age">28</div>
        <div class="gender">Fallout
          <p>canon div./AU</p>
        </div>
        <div class="traits"><span>open to canon, canon divergent and oc characters </span></div>
        <div class="description"><b>Wanted interactions:</b> Fallout characters set in the show and occasional, selectively, Fallout 3-4 characters (see my rules).
          <br><b>Open to ship with:</b> men. I see her as someone who can fall in love, given time to see that the other men is in fact a <i>person</i>, especially with guys who have weird interests (Bert and his shoes), innocent/weird ones,
          or alternatively straight up evil ones if they let her be in charge because she's more than ready to do whatever it takes to get her daughter back.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canonfallout human fallout canondiv nocros fm secondary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/c4679127b13e934fe076950d74b80005/f9954e58cf5bac61-6e/s540x810/16460d306fb4c931a4a64dfaf13eb03ed40393ce.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/fallout-verse/lucy-fallout-prime" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Lucy
          <p>MacLean</p>
        </div>
        <div class="age">25+</div>
        <div class="gender">Fallout
          <p>canon div</p>
        </div>
        <div class="traits"><span>selective, open to *some* canon, canon div. and ocs</span></div>
        <div class="description"><b>Wanted interactions:</b> Fallout characters set in the show and occasional, selectively, Fallout 3-4 characters (see my rules).
          <br><b>Open to ship with:</b> with Maximus and chemistry based (I don't insta-ship with The Ghoul but I'll ship if it goes there). Right now I see her as straight. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canonfallout creature fallout au nocros fm ff primary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/7d1815e80371e3275561faa0cb94ad70/f9954e58cf5bac61-72/s540x810/2588cf978bc594ec36cadf1ff5a8eefe14638cca.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/fallout-verse/au-rose-fallout-prime" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Rose
          <p>MacLean</p>
        </div>
        <div class="age">40+</div>
        <div class="gender">Fallout
          <p>au</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>Wanted interactions:</b> Fallout characters set in the show and occasional, selectively, Fallout 3-4 characters (see my rules).
          <br><b>Open to ship with:</b> Lee Moldaver & chemistry-based (bisexual) but keeping in mind she's 45 and not looking at people who are a lot younger than her. Not shipping her with Hank even if I believe she was in love with him before.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 au secondary human nocros canonfallout fallout ff fm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/29823ef09210c2a2848608a844930770/f9954e58cf5bac61-e5/s540x810/f71c69e1a48e146379beadd377fbefc74f834491.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/videogames/leaau-shaun-fallout-4"></a>
        <!-- If you want no link delete this -->
        <div class="name">Lea
          <p>shaun au</p>
        </div>
        <div class="age">25+</div>
        <div class="gender">fallout 4
          <p>au</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters </span></div>
        <div class="description"><b>Wanted interactions</b>: [note: she's a trans woman, *not* genderbent] Fallout 4 characters and Fallout Prime show. <br><b>Open to ship with:</b> unclear at this time. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 primary canondiv human nocros canonopla opla fm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/8b52c8c26a511912052ac2e985ed1af4/f9954e58cf5bac61-8c/s540x810/89be42985e2d12d84a4e13c426f2ab56f9671c16.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/misc/nami-opla" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Nami
          <p>Cat Burglar</p>
        </div>
        <div class="age">20+</div>
        <div class="gender">OPLA/OP
          <p>canon div</p>
        </div>
        <div class="traits"><span>selective, open to canon, canon div. and ocs </span></div>
        <div class="description"><b>Wanted interactions</b>: live a. and manga until the end of Wano, with a preference for main characters and ocs: I'm terrible at remembering names/minor characters, so it's your call if you want to try anyway!  <br><b>Open to ship with:</b> only Sanji (near instantly, I'm famous for it), and I don't know if I can ship anyone else, but for sure no Straw Hats. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 oc yescros primary creature tlou btvs nofandom finalfantasy  opla xmen dragonage baldursgate bridgerton tlou marvel twd  ouat doctorwho thepitt  marvel dc lotr ff historical  magical opla twd twilight fallout bridgerton chuck firefly lost turn fm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/3995d575112886697492ed53d7c1e789/dad1e513b979112a-b6/s540x810/fff49103b402492a0103c85a9b09715d6f168b28.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/ocs/lorelei-baltz-historical-and-fantasy-oc"></a>
        <!-- If you want no link delete this -->
        <div class="name">Lorelei
          <p>Baltz</p>
        </div>
        <div class="age">29+</div>
        <div class="gender">multifandom
          <p>oc</p>
        </div>
        <div class="traits"><span>open to canon, canon divergent and ocs </span></div>
        <div class="description"><b>Wanted interactions</b>: pretty much anyone from universes that are either historical, modern, magical/fantasy or both. <br><b>Open to ship with:</b> men. This may change and she'll be open to women as well, selectively, if it works. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 test super canondiv human creature au yescros canonthepitt thepitt bridgerton therookie modern marvel nineoneone fm ff>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/2617ba46ca0af0c8485b12ba3e64b939/dad1e513b979112a-29/s540x810/22abc3c2c8379c8d5c1d75db427109816f2f5caa.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/the-pitt/samira-mohan-the-pitt" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Samira
          <p>Mohan</p>
        </div>
        <div class="age">30+</div>
        <div class="gender">The Pitt
          <p>canon div</p>
        </div>
        <div class="traits"><span>open to canon, canon divergent and ocs </span></div>
        <div class="description"><b>Wanted interactions</b>: All the shows that can fit her bio/verses (including super-powers friendly ones)
        <br><b>Open to ship with:</b> bi but mostly men, people she feels safe with, who share her love for the patients. Mohabbot is extra welcomed if there is chemistry and it's a slowburn. Robby and Dana are excluded. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color1 test secondary canondiv human yescros canonthepitt thepitt therookie modern marvel nineoneone arofm fm acefm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/9b2da71b6707cc42ed9d4f8c6ea51097/dad1e513b979112a-24/s540x810/e17ac89978ae8522bc560a0026ecf1845bb03058.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/the-pitt/mel-king-the-pitt" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Melissa
          <p>King</p>
        </div>
        <div class="age">27+</div>
        <div class="gender">The Pitt
          <p>canon div</p>
        </div>
        <div class="traits"><span>selective, open to canon, canon div. and ocs </span></div>
        <div class="description"><b>Wanted interactions</b>: characters from the Pitt including OCs, characters from other modern shows I know that don't require changing her. 
        <br><b>Open to ship with:</b> she's aroace so friendships take priority, but I do have a weakness for the idea of her and a divorced Langdon in the future (time skips are required because it takes a lot for her to feel romantic connections, the sexual one is just null regardless, see her bio). Everybody else? Needs to become friends first. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 teriary test human fm ff canonstrangerthings strangerthings nocros>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/3520902f5108481db64a83fdc5dc15dd/f9954e58cf5bac61-7a/s540x810/e7de380078cb094d08a99645852ae8b6619724f3.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/misc/chrissy-stranger-things"></a>
        <!-- If you want no link delete this -->
        <div class="name">Chrissy
          <p>Cunningham</p>
        </div>
        <div class="age">17+</div>
        <div class="gender">Stranger T.
          <p>AU</p>
        </div>
        <div class="traits"><span> selective, open to *some* canon, canon div. and ocs</span></div>
        <div class="description"><b>Wanted interactions</b>:  only Stranger Things characters.
        <br><b>Open to ship with:</b> I don't know?? For now, for sure, I could see it with Eddie if there is chemistry, and anyone who may like a sweetheart who refuses to give up and to let pain turn her mean. Still deciding if she's straight or bi. tbd.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 canondragonage dragonage elf oc canondiv maybecros fm primary >
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/31059b1357cec2919bb1d9b729f4e0ac/f9954e58cf5bac61-67/s540x810/74dda161d832003fc71eb8b2f74e040a4ba83a5f.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/videogames/neria-dao" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Neria
          <p>Surana</p>
        </div>
        <div class="age">21+</div>
        <div class="gender">Dragon Age
          <p>canon div</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>Wanted interactions:</b> DAO-DA2-DAI, other Heroes of Ferelden (she could be a follower). Other elf-friendly fandoms as long as her story doesn't have to change (various videogames, Lord of the Rings, BG3). She would not interact with blood mages, people who are actively against elves (she'd refuse to talk) and Loghain.  <br><b>Open to ship with:</b> male humans and elves (chemistry based) and I'm easily open to ship her with Alistair or Zevran, and
          Cullen if we go canon divergent in DAO or we write them in DAI.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
       <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color2 canontwilight twilight creature ouat magical bridgerton fantasy  dragonage oc doctorwho historical marvel xmen lotr turn twd tlou dc baldursgate yescros au fm ff modern primary>
      <!-- Add the filters here! Use color1,       color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/96f7223f97df57151cf4ae331dd4cc47/fc06d0a3ae77c7ad-61/s540x810/e1d009c5c951bd1f1ed6580c6e6e875cd73c5b71.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/ocs/inaya-devi-twlight-adjacent-oc"></a>
        <!-- If you want no link delete this -->
        <div class="name">Inaya
          <p>Devi</p>
        </div>
        <div class="age">100+</div>
        <div class="gender">Twilight
          <p>oc</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>Wanted interactions</b>: twilight muses, or rpers who can accept the lore I threw in (check my rules about interactions with vampires/werewolves). Also has verses for x-mcu, fallout, twd, tlou, historical ones if you accept magic & more.
          <br><b>Open to ship with:</b> anyone if there is chemistry (she's a bit on the cold/sad side, 'courting' may be needed). She's usually around 100 years old, but mentally she's more in her early or mid-twenties (this can be subjected to changes) </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
        <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color4  secondary test canondiv canontwilight maybecros twilight>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/88536144540a207f11d859ca1f2f2ece/fc06d0a3ae77c7ad-7e/s540x810/a0d126c4abb2e2ac3e0fefc1faababc99c4b74bc.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/twilight-muses"></a>
        <!-- If you want no link delete this -->
        <div class="name">Twilight
          <p>various muses</p>
        </div>
        <div class="age">??</div>
        <div class="gender">Twilight
          <p>canon div</p>
        </div>
        <div class="traits"><span>openness varies</span></div>
        <div class="description">Check the page out to find out the wanted interaction for each muse and canon divergences! For now I added my OC Inaya, Esme Cullen and Bella Swan, depending on how things go I may add more (Alice, Rosalie, Leah). 
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canonff finalfantasy primary canondiv human nocros test fm ff6 ff8 ff9 >
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/4b02a89be53dc2507722b8b952ebd8ed/aec46a7b0ca79ceb-30/s540x810/0936e42b6e84ae3505a80bc11cd5ebd261cf88c0.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/videogames/daggergarnet-ffix" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Dagger
          <p>(Garnet)</p>
        </div>
        <div class="age">16+</div>
        <div class="gender">ff9
          <p>canon div</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>Wanted interactions:</b> characters set in the final fantasy 9 universe (including from ff 6 and 8 if you want to write a crossover)
        <br><b>Open to ship with:</b> Gidan/Zidane only.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color4 canonff finalfantasy test secondary au  human nocros fm ff6 ff8 ff9 >
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/3d6c62a413dfd2e3988ff26ed42ef207/aec46a7b0ca79ceb-a8/s540x810/afedcd7d6fa35bde40a767ce8fd126ce239a9708.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/videogames/au-dark-rinoa-ffviii" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">AU Rinoa
          <p>(Ultimecia)</p>
        </div>
        <div class="age">18+</div>
        <div class="gender">ff8
          <p>au</p>
        </div>
        <div class="traits"><span>selective, open to canon and canon div. only</span></div>
        <div class="description"><b>Wanted interactions:</b> Ultimecia au: she's become a dark witch and will *not* pay attention to people outside of her small circle, so she'll only be written with canon characters, with rare exceptions.
        <br><b>Open to ship with:</b> Squall, and more?
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color4 canonlost lost primary canondiv  fm  nocros>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/0416705e8515ae5e1eb571ef8d029f9a/f9954e58cf5bac61-6a/s540x810/231509a66ff12b70df370f71d62dceed59b07f9f.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/lost/kate-lost" aria-label="muse profile"></a>
        <!-- If you want no link delete this -->
        <div class="name">Kate
          <p>Austen</p>
        </div>
        <div class="age">27+</div>
        <div class="gender">Lost
          <p>canon div</p>
        </div>
        <div class="traits"><span>selective, open to *some* canon, canon div. characters</span></div>
        <div class="description"><b>wanted interactions:</b>
only Sawyer, Sayid, Claire, Jack, Juliet (if they are okay with my shipping choices) because I don't feel like building more relationships. Also open to all of Lost fantasywritten's muses. 
<br><b>Open to ship with:</b> James/Sawyer and, not automatically, Sayid.</b>
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canonbaldursgate baldursgate elf nocros primary fm canondiv>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/b54bae9d6b7ac8234a64ca32a0c83cff/f9954e58cf5bac61-ab/s540x810/4615acc555fa64c1407eb94cc0840ab6baae586b.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/videogames/lex-tav-baldurs-gate-3"></a>
        <!-- If you want no link delete this -->
        <div class="name">Lex
          <p>(Tav)</p>
        </div>
        <div class="age">30+</div>
        <div class="gender">BG3
          <p>canon div</p>
        </div>
        <div class="traits"><span>open to *some* canon, canon div. and ocs</span></div>
        <div class="description"> <b>Wanted interactions:</b> BG3 muses that would interact with a 'good' aligned Tav (we can assume an 'accidentally' knocked out Minthara too). I can't interact with Durges yet because I don't want spoilers. As a character she's written around
          the idea of what leadership would do to her, so she can only be team leader but will interact with oc companions.
          <br><b>Open to ship with:</b> only Wyll, Gale, a non-ascended Astarion. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canonmarvel marvel canondiv human nocros fm dc doctorwho test secondary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/e81658b5cb99a3c996e35dc8f7e4095a/f9954e58cf5bac61-d3/s540x810/1a11486115a4f3e44580a112bc03320c0dc5098b.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/x-menmarveldc/darcy-lewis-thor"></a>
        <!-- If you want no link delete this -->
        <div class="name">Darcy
          <p>Lewis</p>
        </div>
        <div class="age">30+</div>
        <div class="gender">Marvel
          <p>canon div</p>
        </div>
        <div class="traits"><span>open to canon, canon div. and oc characters</span></div>
        <div class="description"><b>Wanted interactions:</b> x-mcu characters (following what I wrote in the rules because I'm not a Marvel-specialist and haven't seen all the shows nor memorized them by heart) and characters that can dimension-travel there.
          <br><b>Open to ship with:</b> I see Darcy as straight. With Thor I *assume* broship unless the other rper is interested and there is chemistry.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canonmarvel marvel au alien nocros fm dc doctorwho modern secondary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/c476d15b3657b8e6380eaa417ad9f074/99ae499a8c5da3d1-8a/s540x810/90d61c22d3bd28337af4463c2849061ded7c5b0b.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/x-menmarveldc/au-jemma-aos"></a>
        <!-- If you want no link delete this -->
        <div class="name">Jemma
          <p>Simmons</p>
        </div>
        <div class="age">29+</div>
        <div class="gender">Marvel
          <p>AU</p>
        </div>
        <div class="traits"><span>selective, open to canon, canon div. and some oc characters</span></div>
        <div class="description"><b>Wanted interactions:</b> The Team, and see page for Ward & Deke. Characters who will interact with aliens regardless of fandom. I'll write with ocs and canons I don't know and IF you are already writing with Jemma and REALLY want them to interact. Meaning you specifically want this Jemma and have a plot or dynamic in mind.  
          <br><b>Open to ship with:</b> men. I've shipped her with canon divergent Ward, canon divergent Fitz and very strongly with Hunter. Basically open to ship with all men she has chemistry with.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 canondoctorwho doctorwho goddess nocros maybecros au  fm ff modern secondary test>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/05ab41e9dbc07d268ff308d37991072e/f9954e58cf5bac61-1d/s540x810/06e764fdaf66ae4a2a84f37cd502ecea8fe4bd2d.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/doctor-who/au-ruby-doctor-who"></a>
        <!-- If you want no link delete this -->
        <div class="name">Ruby
          <p>Sunday</p>
        </div>
        <div class="age">19+</div>
        <div class="gender">Doctor Who
          <p>AU</p>
        </div>
        <div class="traits"><span>open to some canon, canon div. and oc characters</span></div>
        <div class="description"> <b>Wanted interactions:</b> the Doctor (but I don't know how to avoid a paradox if she meets previous versions) and more characters from the Doctor Who universe, but due to the nature of her au always after the first season.
          <br><b>Open to ship with:</b> boys and girls but NOT the Doctor unless she's written as older.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color4 canonthehundred thehundred human nocros fm ff canondiv secondary>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/23cfe9297e0f9d418555b0895becd088/f9954e58cf5bac61-6b/s540x810/0980a13adf89a697094573b641426924eca565c9.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/misc/clarke-the-100"></a>
        <!-- If you want no link delete this -->
        <div class="name">Clarke
          <p>Griffin</p>
        </div>
        <div class="age">18+</div>
        <div class="gender">the 100
          <p>canon div</p>
        </div>
        <div class="traits"><span>open only to *a few* canon and canon div. characters</span></div>
        <div class="description"> <b>Wanted interactions:</b> Open to all of The 100 fantasywritten's muses. But besides that my inspiration for her and her show is basically gone except when it comes to rewriting her story with Bellamy (romantic or platonic) and Murphy because
          I've always had fun with Murphy rpers and what we came up with. <br><b>Open to ship with:</b> Bellamy and Murphy. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color4 test tertiary canondiv nocros human historical canonBridgerton bridgerton fm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/4e98921d9c61d90262c9ab36445048b7/f9954e58cf5bac61-2a/s540x810/ce344c67442ef3f7f28cc36c4377ef77caa44c25.jpg">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/bridgerton/eloise-bridgerton"></a>
        <!-- If you want no link delete this -->
        <div class="name">Eloise
          <p>Bridgerton</p>
        </div>
        <div class="age">19+</div>
        <div class="gender">Bridgerton
          <p>canon div/au</p>
        </div>
        <div class="traits"><span> open only to *a few* canon and canon div. characters </span></div>
        <div class="description"><b>Wanted interactions</b>: family including in-laws, Cressida and Posy as friends: I don't have much inspo for new interactions. But if *you* have a (positive) plot in mind for my Eloise, you can pitch! <br><b>Open to ship with:</b>    her future husband in this blog is John (the footman). If you play him and want to try, I'll only ship it if he's the way I describe in her about: 100% supportive of her. </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->


    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color3 test secondary canondiv nocros human modern canonbtvs btvs fm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/7acbc0b5e828a72c5afba3b9873255b8/04566943bd0e7df1-d6/s540x810/1d766bcbd0ec5f37175727783110a24eb28ed850.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/buffyverse/buffy-dawn-summers-btvs"></a>
        <!-- If you want no link delete this -->
        <div class="name">Buffy&Dawn
          <p>Summers</p>
        </div>
        <div class="age">19+</div>
        <div class="gender">BTVS
          <p>canon div/au</p>
        </div>
        <div class="traits"><span> open only to canon, canon div. characters and oc </span></div>
        <div class="description"><b>Wanted interactions</b>: people from the buffyverse including ocs. I don't write them before s5 and with most I default to 'after' the end of the show. No comics. See canon divergence though, especially in s6. 
        <br><b>Open to ship with:</b>   only Spuffy (if NOT written darker than in canon and with the Divergence). I'm NOT an Angel hater. Dawn with *maybe* Connor and other boys her age.
</div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->


        <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color4 semiprivate tertiary test canondiv human canontlou nocros tlou ff>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/b239c5979b14a6ae0345bd175ee2ad6b/f9954e58cf5bac61-15/s540x810/843299bb20d27576ea39b2324686f4853d19ebd3.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://sites.google.com/view/savingthrcw/muses/semi-private/ellie-tlou"></a>
        <!-- If you want no link delete this -->
        <div class="name">Ellie W.
          <p>SEMI-PRIVATE</p>
        </div>
        <div class="age">14+/19+</div>
        <div class="gender">The Last of Us
          <p>canon div</p>
        </div>
        <div class="traits"><span>SEMI-PRIVATE <br> read bio</span></div>
        <div class="description">Only open to rpers who write their TLOU muses with @justaprankhan (no crossovers but yes to ocs). This is NOT a way to guilt you, I'm always ok with people not being into my ocs/aus: this is because Hannah is my highest muse, I want to explore her relationships more, and I just know I'll keep thinking that 'I wish I could be writing Hannah with them too' every time I write Ellie, and lose motivation. It's why I gave Hannah her own blog, to not distract me when I'm here.

        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color6 super canondiv au yescros creature human canonuntildawn magical tlou dragonage baldursgate bridgerton chuck historical magical lost  nineoneone  firefly untildawn marvel magical tlou twd doctorwho modern fallout fm ff>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/6c9aee00648d3edabef160679a461ae3/f9954e58cf5bac61-ed/s540x810/f1f8a5ae4084c9c8c5e648461dbe793dcacccfbc.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://tumblr.com/justaprankhan"></a>
        <!-- If you want no link delete this -->
        <div class="name">Hannah
          <p>Washington</p>
        </div>
        <div class="age">18+</div>
        <div class="gender">Until Dawn
          <p>au</p>
        </div>
        <div class="traits"><span>MOVED TO JUSTAPRANKHAN</span></div>
        <div class="description"><b>Wanted interactions</b>: MOVED TO JUSTAPRANKHAN</a>! With focus on the Found Family trope: every other fandom you can find in my navi/we already write in (especially TLOU).
          <br><b>Open to ship with:</b> see her about page.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
      
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color6 super btvs canondiv creature yescros canonff   tlou finalfantasy   opla xmen dragonage baldursgate tlou  grishaverse ouat doctorwho  marvel dc lotr ff historical modern magical fallout bridgerton chuck twd firefly lost turn aroff acefm aceff arofm fm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/77265c2ae676886fa54ad956782cc647/f9954e58cf5bac61-19/s540x810/0550323ab9dad0d5a2ed757f2636bc8e2258a684.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://lovecreature.tumblr.com"></a>
        <!-- If you want no link delete this -->
        <div class="name">Terra
          <p>Branford</p>
        </div>
        <div class="age">24+</div>
        <div class="gender">FF6
          <p>canon div</p>
        </div>
        <div class="traits"><span> MOVED TO LOVECREATURE </span></div>
        <div class="description"><b>Wanted interactions</b>: MOVED TO LOVECREATURE! All of my fandoms are welcomed.
 <br><b>Open to ship with:</b> in canon Locke, Edgar, maybe Setzer, and chemistry-based elsewhere. She's definitely demi-everything and confused. More oriented towards men but can fall for women too (around her age in that fandom).
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->

    
    <!-- MUSE BOX STARTS HERE / START COPY -->
    <filter color6 super  canondiv yescros oc au human  tlou finalfantasy  opla xmen dragonage baldursgate tlou marvel thehundred grishaverse ouat doctorwho  marvel dc lotr  historical modern magical fallout thepitt xmen nineoneone therookie bridgerton chuck twd firefly lost turn  fm>
      <!-- Add the filters here! Use color1, color2 or color3 for custom/different accent colors -->
      <muse><img src="https://64.media.tumblr.com/cc14f10a3770d8582cd0965e24b3f322/dad1e513b979112a-1d/s540x810/63a28031e39e476ea9abf5c3962f90e988e5e308.png">
        <!-- Muse Picture. can be a gif or static pic -->
        <a href="https://smiletimeisrunningout.tumblr.com"></a>
        <!-- If you want no link delete this -->
        <div class="name">Emma
          <p>Nolan</p>
        </div>
        <div class="age">30+</div>
        <div class="gender">ouat/multi
          <p>OC&AU</p>
        </div>
        <div class="traits"><span> open to canon, canon divergent and oc characters </span></div>
        <div class="description"><b>HAS HER OWN BLOG</b>, click to be redirected. My most beloved and oldest OC/AU (initially inspired by Emma Swan 'what if her parents had raised her' then she took a life of her own), has a verse written for every fandom here, and if you request threads with her I'll love you forever. But her backstory could be very triggering so proceed with caution.
        </div>
      </muse>
    </filter>
    <!-- MUSE BOX ENDS HERE / END COPY PASTE BELOW-->
    
    
  </section>
  <div id="credit"><a href="https://retrcmoon.tumblr.com/" title="made by retrcmoon"><i class="fa fa-diamond" aria-hidden="true"></i></a></div>
  <!-- DO NOT DELETE-->
</body>

</html>