html {
    background-color: #3c1681;
    height: 100%;
    width: 100%;
    color: #ffffffff;
    font-family: "Comic Sans MS";
  }
  
  div.commList {
    text-align: center;
  }
  
  ul.yappayappayappa {
    display: inline-block;
    text-align: center;
    /*color: #ff379b;*/
  }
  
  div.linkList {
    text-align: center;
  }
  
  ul.blabablabablaba {
    display: inline-block;
    text-align: center;
  }
  
  h1 {
    text-align: center;
    background-color: #5f28c4;
  }
  
  h2 {
    text-align: center;
  }
  
  p {
    text-align: center;
  }
  
  h3 {
    text-align: center;
  }
  
  h4 {
    text-align: center;
  }
  
  ul {
    text-align: center;
    background-color: #5f28c4;
  }
  
  
  body {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(262, 51%, 45%, 1)'/><path d='M0 0h10v10H0z'  stroke-width='1' stroke='none' fill='hsla(258.5,59.4%,59.4%,1)'/><path d='M10 10h10v10H10z'  stroke-width='1' stroke='none' fill='hsla(259, 59%, 59%, 1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
    min-height: 1900px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  a {
    color: #e7e1f4;
  }
  
  img {
    border: 5px solid #2b0953;
  }
  
  p.credit {
    color: #cec5eb;
  }