CSS Multiple backgrounds

CHAT CSS:
background-color: #111111} #glu{position: absolute} #glu{top: 0} #glu{left: 0} #glu{z-index: 99} #glu{height: 110vh} embed,img,a,table:first-child{z-index: 999} *{position: relative} .btext{display:none} [height="32"]{margin-bottom: 7px} [height="32"]{padding: 2px} [height="32"]{background: #000000} [height="32"]{border-radius: 5px} table{background: transparent} .vbmenu_control,h2,strong,[height="10"]{display: none} table:first-child{background-color: rgba(1, 1, 1, 0.7);

HTML CODE:
<style>
/* Credits: xLaming */
body {
background-image: url(https://i.imgur.com/0YS44jg.jpg); /* Default background */
background-repeat: no-repeat;
background-size: cover;
}
#outer1:target {
background-image: url(https://i.imgur.com/0YS44jg.jpg); /* Background 1 */
}
#outer2:target {
background-image: url(https://i.imgur.com/cXMwURj.jpg); /* Background 2 */
}
#outer3:target {
background-image: url(https://i.imgur.com/iPTxcam.jpg); /* Background 3 */
}

.btn1 {
background-image: url(https://i.imgur.com/0YS44jg.jpg); /* Button 1 */
}
.btn2 {
background-image: url(https://i.imgur.com/cXMwURj.jpg); /* Button 2 */
}
.btn3 {
background-image: url(https://i.imgur.com/iPTxcam.jpg); /* Button 3 */
}

#outer1,
#outer2,
#outer3 {
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 100vh;
left: 0;
top: 0%;
}

.buttons {
position: fixed;
right: 5px;
top: 100px;
}

.btn {
background-position: center;
background-size: cover;
width: 40px;
height: 40px;
border-radius: 10px;
margin-top: 5px;
display: block;
border: 1px solid rgba(255, 255, 255, 0.3);
}

.fakechat {
position: absolute;
left: 50.8%;
top: 50%;
margin-top: 71px;
transform: translate(-50%, -50%);
width: 52vw;
height: 100vh;
padding: 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
}
</style>

<div id="outer1"></div>
<div id="outer2"></div>
<div id="outer3"></div>

<div class="fakechat"></div>

<div class="buttons">
<a href="https://xatblog.net/fixbg?b=outer1" class="btn btn1"></a>
<a href="https://xatblog.net/fixbg?b=outer2" class="btn btn2"></a>
<a href="https://xatblog.net/fixbg?b=outer3" class="btn btn3"></a>
</div>