:root {
    --pattern: url(../images/qna/pattern_b.png);
    --shadow: #423362;
    overflow-x: hidden;
}

.banner {
    background: linear-gradient(#643330, #4d2221);
    width: 100vw;
    text-align: center;
    margin: 40px 0;
    padding: 2.5em 0;
    color: white;
    font-size: 30px;
    border-top: 5px dashed;
    border-bottom: 5px dashed;
    text-shadow: 3px 2px #ffffff50;
}

.question {
    font-size: 25px;
    max-width: 450px;
}

.answer {
    border: 5px solid white;
    background: #000 var(--pattern);
    
    color: white;
    text-shadow: 3px 2px var(--shadow);
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    margin-bottom: 3em;
    padding: 2em;
    
    min-width: 70%;
    max-width: 600px;
    min-height: 100px;
}

.answer p {
    font-size: 25px;
}

.answer a {
    color: white;
    text-decoration: none;
}

.port {
    height: 230px;
    image-rendering: crisp-edges;
    margin-bottom: 1.5em;
}
.twoport img {
    height: 160px;
    padding: 0 1em;
}

.grace {
    --pattern: url(../images/qna/pattern_g.png);
    --shadow: #411f26;
}

.parker {
    --pattern: url(../images/qna/pattern_p.png);
    --shadow: #5d2116;
}

.ourple {
    --pattern: url(../images/qna/pattern_o.png);
    --shadow: black;
}

.prangeh, .prange {
    --pattern: url(../images/qna/pattern_pr.png);
    --shadow: black;
}

.p {
    --shadow: #3d210f;
    text-shadow: 3px 2px var(--shadow);
    color: #ebc78a;
    padding-right: 2em;
}

.pre {
    white-space: pre;
}
.pre a {text-decoration: none;}

.h {
    --shadow: #373737;
    text-shadow: 3px 2px var(--shadow);
    color: #d0d0d0;
    padding-left: 2em;
}

.henry {
    --pattern: url(../images/qna/pattern_h.png);
    --shadow: black;
}

.kp {
    --pattern: url(../images/qna/pattern_kp.png);
    --shadow: black;
}

.monster, .chefpp {
    --pattern: url(../images/qna/pattern_m.png);
    --shadow: #3b291e;
}
.why {
    color: #ffffff90
}

.rxq {
    --pattern: url(../images/qna/pattern_sb.png);
    --shadow: black;
}

.springf {
    --pattern: url(../images/qna/pattern_sf.png);
    --shadow: black;
}

.sp {
    --shadow: #125daf;
    text-shadow: 3px 2px var(--shadow);
    color: #d7eaff;
}
.fr {
    --shadow: #643330;
    text-shadow: 3px 2px var(--shadow);
}

.s {
    --pattern: url(../images/qna/sport.gif);
    --shadow: white;
    color: black;
    text-shadow: 2px 2px var(--shadow), -2px -1px var(--shadow);
}

.s p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.os {
    margin-top: 20px;
    text-shadow: 0 0 10px #b950f1, 0 0 5px #b950f1, 0 0 5px #b950f1; 
}

#stupidfuckinggif {
    margin: 1em 0;
}

video, audio {
    text-shadow: none;
}
video, img {
    max-width: 100%;
}

#notamonster a {
    text-decoration: NONE;
    color: white;
}

#notamonster a:hover {
  text-shadow: 0px 0px 15px red, 0px 0px 15px red, 0px 0px 15px red, 
    0px 0px 45px red, 0px 0px 45px red, 0px 0px 45px red, 0px 0px 45px red,
    0px 0px 105px red, 0px 0px 105px red, 0px 0px 105px red, 0px 0px 105px red, 0px 0px 105px red,
    0px 0px 105px red, 0px 0px 105px red, 0px 0px 105px red, 0px 0px 505px red, 0px 0px 505px red,
    0px 0px 505px red, 0px 0px 505px red, 0px 0px 505px red,0px 0px 505px red, 0px 0px 505px red,
    0px 0px 505px red, 0px 0px 505px red, 0px 0px 505px red, 0px 0px 505px red, 0px 0px 505px red
    ;
  
  color: red;
}