Little nightmares CSS

body {
    background-size: auto;
    background-attachment: scroll;
    font-family: "Book Antiqua";
    color: white;
    text-align: center;
}

body {
    font-family: Times New Roman;
    background: url(https://d2skuhm0vrry40.cloudfront.net/2021/articles/2021-01-13-10-43/littlenightmares2_palecity.jpg/EG11/thumbnail/598x336/format/jpg/quality/85);
    font-size: 20px;
    color: white;
}


div.boxInfo.box {
    border: 4px double #fff;
    background: url(https://wallpapercave.com/wp/wp4063163.jpg);
}

.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(50% -20px);
    height: 335px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://art.pixilart.com/thumb/9a8eac9b7ea4bc3.png);
    object-fit: cover;
}

.url {
    background: url(https://i.pinimg.com/originals/c2/34/67/c2346780b793a90f5458af67b1a3ebb8.gif) no-repeat;
    position: fixed;
    right: 0;
    bottom: 20px;
    color: #ffffff00;
    background-size: 260px;
    height: 200px;
    width: 270px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
}

.avatar {
    border-radius: 50%;
    border: double white 5px;
}

.topLeft:after {
    margin: 4px 236px 36px -240px;
    content: " ";
    display: block;
    white-space: pre-wrap;
    padding: 0px 69px 0px 0px;
    height: 1800px;
    width: 852px;
    background-image: url(https://c4.wallpaperflare.com/wallpaper/762/238/390/little-nightmares-2-video-games-video-game-characters-hd-wallpaper-preview.jpg), url(http://pa1.narvii.com/7083/e8d2c5eec85c00a770682a5f682ac5385d19331fr1-320-320_00.gif);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 385px;
    background-position: 243px 0px, 243px 237px;
}


div#header {
    Background-image: url(https://wallpapercave.com/wp/wp7408934.jpg);
    /* text-align: center; */
}

.extended {
    border: 1px solid #fff;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

* {
    color: white;
}

h4 {
    Background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDw8NDQ8QDQ0NDxANDQ0NEBANDQ0NFRIWFhURFRUYHSggGBolGxUVITEhMSkrLi46Fx8zODM4NygtOisBCgoKDQ0NFQ0NFSsdHx0tKy0rKy0rLS0rKysrKy0rKysrKysrKysrKysrKy0rLSstKysrKy0tKysrKysrKysrLf/AABEIAKgBLAMBIgACEQEDEQH/xAAXAAEBAQEAAAAAAAAAAAAAAAAAAQIH/8QAHBABAAIDAQEBAAAAAAAAAAAAAOHwATHRQVEh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDiIAgqCigCAAKABIY6CKmAwBKpnqgcE4oHBOKBBlFAhCACAgARUFVAABAVFQUBEAEyDQigAAoCoAApdIAs+F0SAXRdBi/ohPi3SSt2Cc+LdJxbsE58XvxOfVuwSPC6LsuwI8LouwCPC6I9BS6S6AC6AABAVARRFQAyJkFVAFABUBUUAAAFkSVAMBgCQn0EOBwuwOBdgAAAAEBAKgAAICoqAAIoioAmVTIKACgAKgCgiooALIgC4MJdmAWRJ9UDgnPq3YAnPqgCXagCXYCwJAAGAAEBUBFAQFQAEyqAoACoAoCiiAKAIAAqYDACpIBxU4oIqKAIAAAAAAgKioKAICAAAAioCiKAACiAKAAqCiiAiggKIoAAAAAAAAAiggAoAgIAAAAIAAAACiKAACiAKAAACiCiiAiiAKIAogKogAAgAAIAAICggKgAAmQUABUAURQAAFQBRAFAAAAVlQAAAAAABAFQAAAAQFQAAAEVBVEAUAQABRAFAAAAABRAFEAUQBRAAAAAAAAEBUAAAAQFAAAAURQABAAAAFEAUEBQAAAAAAAAQFEAVAAAAAARUFAAAAAAAAFAAAAAQAAAAFARQBBQEAAAAAAAAAFEAAAAABAB/9k=);
    color: #f1f1f1;
    margin-bottom: 0px;
}

.fwiendCounter {
    margin-top: 10px;
    margin-bottom: 20px;
}

td.shortRight {
    background-color: black;
    border: 3px solid #5a9ae8;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px 2px #5a9ae8;
}

.rightHead {
    background: #000000;
    color: #000000;
    padding-left: 4px;
}

.extended.box {
    background-color: black;
    border: 3px solid #5a9ae8;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px 2px #5a9ae8;
}

div.box.blurbs {
    background-color: black;
    border: 3px solid #5a9ae8;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 0 10px 2px #5a9ae8;
}

div.box.fwiends {
    background-color: black;
    border: 3px solid #5a9ae8;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px 2px #5a9ae8;
    margin-bottom: 25px;
}

div.player.box {
    background-color: black;
    border: 3px solid #5a9ae8;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px 2px #5a9ae8;
}

div.box.fwiends {
    background-color: black;
    border: 3px solid #5a9ae8;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px 2px #5a9ae8;
    margin-bottom: 25px;
}

.tableLeft {
    background: #515496;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}

.boxHead {
    background: #000000;
    color: #000000;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}

.tableRight {
    color: #9c6875;
    width: 60%;
    background: black;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}

div.box.comments {
    background-color: black;
    border: 3px solid #5a9ae8;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px 2px #5a9ae8;
    margin-bottom: 25px;
}