html {
    
}
body {
    background-color: #f62e97;
    display: grid;
    background-image: url(img/bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: lighten;
    background-attachment: fixed;
    align-items: center;
    justify-items: center;
    align-content: center;
}
.container {
    /* overflow: scroll; */
    display: grid;
    /*width: 336px;*/
    justify-items: center;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    /*box-shadow: 0px 0px 1px 2px #f09ec9;*/
    opacity: 80%;
    cursor: pointer;
    zoom: 100%;
   background: repeating-linear-gradient(0deg, #000, #000 1px, #555 1px, #555 2px);
  color: white;
  text-shadow: -1px 0 #f9ac53, 1px -10px #153cb4;
  animation: glitch 1s infinite;
  -moz-animation: glitch 1s infinite;
  /* Firefox */
  -webkit-animation: glitch 1s infinite;
  /* Safari and Chrome */
  -o-animation: glitch 1s infinite;
  /* Opera */ 
}
article {
    font-family: sans-serif, helvetica, arial;
    font-size: 0.8rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
}
.banner {
    background-color: #300350;
    position: relative;
    /* margin: 0 auto; */
    color: #ffe1f1;
    display: grid;
    align-items: end;

}
.banner-red {
    background-color: #300350;
    position: relative;
    /* margin: 0 auto; */
    color: #db134b;
    display: grid;
    align-items: end;

}
.banner-cta {
    display: grid;
    justify-items: end;
    padding: 13px;
}
.banner-cta-medium {
    display: grid;
    justify-items: end;
    padding-right: 13px;
    padding-bottom: 6px;
}
.banner-cta-karak {
    display: grid;
    justify-items: start;
    padding: 13px;    
}
.banner-need4glitch {
    background-image: url("img/banner-need4glitch.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;    
}
.banner-totgp {
    background-image: url("img/banner-totgp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;    
}
.banner-totgp-mixtape {
    background-image: url("img/banner-totgp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;    
}
.banner-eot {
    background-image: url("img/banner-eot.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;
}
.banner-hen {
    background-image: url("img/banner-hen.gif");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;
}
.banner-karak {
    background-image: url("img/banner-karak.gif");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;    
}
.banner-x {
    background-image: url("img/banner-x.gif");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;    
}
.banner-saw {
    background-image: url("img/banner-saw.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;    
}
.banner-flp {
    background-image: url("img/banner-flp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    display: grid;
    align-items: end;       
}
.title {
    font-family: inherit;
    font-size: 0.7rem;
    font-weight: bold;
    color: #38d6fb;
    transform: translateY(-10px);
}
.social {
    
}
.sticker {
    background-image: url("img/glitch1.jpg");
    width: 336px;
    background-size: contain;
}
.banner336x55 {width: 336px;height: 55px}
.banner336x85 {width: 336px;height: 85px}
.banner336x105 {width: 336px;height: 105px}
.banner336x115 {width: 336px;height: 115px}
.banner336x178 {width: 336px;height: 178px}
.margin1 {margin: 1px}
.margin5 {margin: 5px}
.height20 {height: 20px}
.height29 {height: 29px}
.height30 {height: 30px}
.height34 {height: 34px}
.height50 {height: 50px}
.width34 {width: 34px}
.width68 {width: 68px}
.padding10 {padding: 10px}
.padding-left10 {padding-left: 10px}
.padding-right10 {padding-right: 10px}
.padding-top10 {padding-top: 10px}
.padding-top20 {padding-top: 20px}
.footer {
    font-family: sans-serif, helvetica, arial;
    font-size: 0.7rem;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    display: contents;
    font-weight: bold;
    color: #f5f971;
}