@font-face {
    font-family: simplicity;
    src: "/font/simplicity.ttf";
  }
  
  p, a {
    font-family: 'simplicity', cursive;
    font-size: 35px;
    color: #683A44;
    padding: 10px 80px 20px 80px;
    line-height: 1.4;
  }
  
  p {
    text-align: justify;
  }
  
  a:link, a:visited {
    color: #9E6F78;
  }
  
  a:hover, a:active {
    color: #5BAD9A;
  }
  
  h1, h2 {
    font-family: 'Shadows Into Light', cursive;
    color: #24886E;
    text-align: center;
  }
  
  h1 {
    font-size: 35px;
  }  
  
  mark {
    border-bottom: dashed 3px #53D4BA;
    background-color: inherit;
    color: inherit;
  }
  
  body {
    background: #683A44;
  }
  
  main {
    background: #EDE7DF;
    width: 900px;
    margin: 0 auto;
  }
  
  main > img {
    max-width: 50%;  
  }
  
  main > div {
    text-align: center;  
  }
  

  ::selection {
    background: #82D6AF; /* WebKit/Blink Browsers */
    color: white;
  }
  ::-moz-selection {
    background: #82D6AF; /* Gecko Browsers */
    color: white;
  }  
  
  footer {
    background: #A4767D;
    padding: 2vh 0;
    text-align: center;
  }
  
  footer > p, footer > a {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 15px;
    color: #EDE7DF;
    padding: 0 4vw;
  }
  
  footer > a:link, footer > a:visited {
    color: white;
  }
  
  footer > a:hover, footer > a:active {
    color: #2BEBBE;
  }
  
  footer div {
    margin: 15px auto;
  }
  
  footer img {
    max-height: 20px;
  }
  
/*
  
  #twitter {
    background: #08a0e9;
  }
  
  #insta {
    background: #F20074;
  }
  */
  @media screen and (max-width:900px) {
    p, a {
      font-family: 'Comic Neue', cursive;
      font-size: 4vw;
      color: #683A44;
      padding: 2vw 6vw 3vw 6vw;
    } 
    
    mark {
    border-bottom: dashed 2px #53D4BA;
    }
    
    main {
      width: 90vw;
      margin: 0 auto;
    }
    
    main > div > img {
      width: 90vw;  
    }
    
    h1 {
    font-size: 4vh;
  }  
  }