.container{
  max-width:100vw;
  margin:0 auto;
}
body {
  margin:0 auto;
  color: black;
  font-family: Arial;
  text-align:center;
}
.base {
  font-size:16px;
  position:static;
  border-style:dashed;
  border-color:hotpink;
  background-color: pink;
}
.base + .base{
  margin-top:10px; 
}
.leftbar{
  position:absolute;
  flex-wrap: wrap;
  display: flex;
  width:210px;
  background-color:#e6cfde;
  border-style:dotted;
  border-color:black;
  top:40px;left:5%;
}
a{
  width:18vw; 
}
a:link, a:visited {
  background-color: #ffc0cb;
  color: white;
  padding: 10px 15px;
  margin-bottom:2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: #c396be;
}

a {
  position: relative;
}

a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #18272F;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }

a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

h1{
  background-image: linear-gradient(
    -200deg,
    #5e2fa8 0%,
    #44107a 29%,
    #ff1361 67%,
    #13e2ed 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: block;
      font-size: 5vw;
}

@keyframes textclip {
  to {
    background-position: 400% center;
  }
}
.blackcoven{
  height: 200px;
  background-color: black;
  border-color:#fff000;
  border-style: dashed solid;
  border-width: 1px;
  margin-bottom:2px;
}
.pindex{
  padding-left:25%;
  text-decoration: underline overline #2E484D;
  background-image: linear-gradient(
    -200deg,
    #5e2fa8 0%,
    #44107a 25%,
    #ff1361 50%,
    #13e2ed 75%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: block;
      font-size: 20px;
}
.pindex2{
  text-align: center;
  text-decoration: underline overline #2E484D;
  background-image: linear-gradient(
    -200deg,
    #5e2fa8 0%,
    #44107a 29%,
    #ff1361 67%,
    #13e2ed 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: block;
      font-size: 20px;
}
p{
 color:white; 
}
.dungeon{
  font-size: 60px;
}
.mobile{
   color: black;
}