1. Little nightmares CSS
2.  
3. body {
4.     background-size: auto;
5.     background-attachment: scroll;
6.     font-family: "Book Antiqua";
7.     color: white;
8.     text-align: center;
9. }
10.  
11. body {
12.     font-family: Times New Roman;
13.     background: url(https://d2skuhm0vrry40.cloudfront.net/2021/articles/2021-01-13-10-43/littlenightmares2_palecity.jpg/EG11/thumbnail/598x336/format/jpg/quality/85);
14.     font-size: 20px;
15.     color: white;
16. }
17.  
18.  
19. div.boxInfo.box {
20.     border: 4px double #fff;
21.     background: url(https://wallpapercave.com/wp/wp4063163.jpg);
22. }
23.  
24. .player::before {
25.     content: "";
26.     display: block;
27.     position: relative;
28.     width: calc(50% -20px);
29.     height: 335px;
30.     max-width: 390px;
31.     background-position: 0 0;
32.     background-size: 100% 100%;
33.     background-image: url(https://art.pixilart.com/thumb/9a8eac9b7ea4bc3.png);
34.     object-fit: cover;
35. }
36.  
37. .url {
38.     background: url(https://i.pinimg.com/originals/c2/34/67/c2346780b793a90f5458af67b1a3ebb8.gif) no-repeat;
39.     position: fixed;
40.     right: 0;
41.     bottom: 20px;
42.     color: #ffffff00;
43.     background-size: 260px;
44.     height: 200px;
45.     width: 270px;
46.     border: none;
47.     box-shadow: none;
48.     filter: drop-shadow(8px 9px 15px #00000044);
49.     z-index: 1000;
50.     font-size: 0px;
51.     opacity: 1;
52. }
53.  
54. .avatar {
55.     border-radius: 50%;
56.     border: double white 5px;
57. }
58.  
59. .topLeft:after {
60.     margin: 4px 236px 36px -240px;
61.     content: " ";
62.     display: block;
63.     white-space: pre-wrap;
64.     padding: 0px 69px 0px 0px;
65.     height: 1800px;
66.     width: 852px;
67.     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);
68.     background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
69.     background-size: 385px;
70.     background-position: 243px 0px, 243px 237px;
71. }
72.  
73.  
74. div#header {
75.     Background-image: url(https://wallpapercave.com/wp/wp7408934.jpg);
76.     /* text-align: center; */
77. }
78.  
79. .extended {
80.     border: 1px solid #fff;
81.     text-align: center;
82.     margin-bottom: 20px;
83.     margin-top: 15px;
84. }
85.  
86. h3 {
87.     display: block;
88.     font-size: 1.17em;
89.     margin-block-start: 1em;
90.     margin-block-end: 1em;
91.     margin-inline-start: 0px;
92.     margin-inline-end: 0px;
93.     font-weight: bold;
94. }
95.  
96. * {
97.     color: white;
98. }
99.  
100. h4 {
101.     Background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDw8NDQ8QDQ0NDxANDQ0NEBANDQ0NFRIWFhURFRUYHSggGBolGxUVITEhMSkrLi46Fx8zODM4NygtOisBCgoKDQ0NFQ0NFSsdHx0tKy0rKy0rLS0rKysrKy0rKysrKysrKysrKysrKy0rLSstKysrKy0tKysrKysrKysrLf/AABEIAKgBLAMBIgACEQEDEQH/xAAXAAEBAQEAAAAAAAAAAAAAAAAAAQIH/8QAHBABAAIDAQEBAAAAAAAAAAAAAOHwATHRQVEh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDiIAgqCigCAAKABIY6CKmAwBKpnqgcE4oHBOKBBlFAhCACAgARUFVAABAVFQUBEAEyDQigAAoCoAApdIAs+F0SAXRdBi/ohPi3SSt2Cc+LdJxbsE58XvxOfVuwSPC6LsuwI8LouwCPC6I9BS6S6AC6AABAVARRFQAyJkFVAFABUBUUAAAFkSVAMBgCQn0EOBwuwOBdgAAAAEBAKgAAICoqAAIoioAmVTIKACgAKgCgiooALIgC4MJdmAWRJ9UDgnPq3YAnPqgCXagCXYCwJAAGAAEBUBFAQFQAEyqAoACoAoCiiAKAIAAqYDACpIBxU4oIqKAIAAAAAAgKioKAICAAAAioCiKAACiAKAAqCiiAiggKIoAAAAAAAAAiggAoAgIAAAAIAAAACiKAACiAKAAACiCiiAiiAKIAogKogAAgAAIAAICggKgAAmQUABUAURQAAFQBRAFAAAAVlQAAAAAABAFQAAAAQFQAAAEVBVEAUAQABRAFAAAAABRAFEAUQBRAAAAAAAAEBUAAAAQFAAAAURQABAAAAFEAUEBQAAAAAAAAQFEAVAAAAAARUFAAAAAAAAFAAAAAQAAAAFARQBBQEAAAAAAAAAFEAAAAABAB/9k=);
102.     color: #f1f1f1;
103.     margin-bottom: 0px;
104. }
105.  
106. .fwiendCounter {
107.     margin-top: 10px;
108.     margin-bottom: 20px;
109. }
110.  
111. td.shortRight {
112.     background-color: black;
113.     border: 3px solid #5a9ae8;
114.     padding: 10px;
115.     border-radius: 4px;
116.     box-shadow: 0 0 10px 2px #5a9ae8;
117. }
118.  
119. .rightHead {
120.     background: #000000;
121.     color: #000000;
122.     padding-left: 4px;
123. }
124.  
125. .extended.box {
126.     background-color: black;
127.     border: 3px solid #5a9ae8;
128.     padding: 10px;
129.     border-radius: 4px;
130.     box-shadow: 0 0 10px 2px #5a9ae8;
131. }
132.  
133. div.box.blurbs {
134.     background-color: black;
135.     border: 3px solid #5a9ae8;
136.     border-radius: 4px;
137.     padding: 10px;
138.     box-shadow: 0 0 10px 2px #5a9ae8;
139. }
140.  
141. div.box.fwiends {
142.     background-color: black;
143.     border: 3px solid #5a9ae8;
144.     padding: 10px;
145.     border-radius: 4px;
146.     box-shadow: 0 0 10px 2px #5a9ae8;
147.     margin-bottom: 25px;
148. }
149.  
150. div.player.box {
151.     background-color: black;
152.     border: 3px solid #5a9ae8;
153.     padding: 10px;
154.     border-radius: 4px;
155.     box-shadow: 0 0 10px 2px #5a9ae8;
156. }
157.  
158. div.box.fwiends {
159.     background-color: black;
160.     border: 3px solid #5a9ae8;
161.     padding: 10px;
162.     border-radius: 4px;
163.     box-shadow: 0 0 10px 2px #5a9ae8;
164.     margin-bottom: 25px;
165. }
166.  
167. .tableLeft {
168.     background: #515496;
169.     width: 25%;
170.     padding: 10px;
171.     vertical-align: top;
172.     overflow: hidden;
173. }
174.  
175. .boxHead {
176.     background: #000000;
177.     color: #000000;
178.     padding: 3px;
179.     padding-bottom: 4px;
180.     padding-left: 6px;
181. }
182.  
183. .tableRight {
184.     color: #9c6875;
185.     width: 60%;
186.     background: black;
187.     padding: 10px;
188.     vertical-align: top;
189.     overflow-wrap: anywhere;
190. }
191.  
192. div.box.comments {
193.     background-color: black;
194.     border: 3px solid #5a9ae8;
195.     padding: 10px;
196.     border-radius: 4px;
197.     box-shadow: 0 0 10px 2px #5a9ae8;
198.     margin-bottom: 25px;
199. }