/* awesomeness.css - by zeriya // crawlingchemists.com // 2025 */
body {
    background-color: black;
    
   }
   #monster {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none; 

}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym46.cur), auto !important;} /* End https://www.cursors-4u.com */

@font-face {
font-family: momstypewriter;
src: url('https://main-9t3.pages.dev/spaceheyshiz/momstypewriter.ttf');
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#monster::-webkit-scrollbar {
display: none; 
}

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

@font-face {
font-family: FreePixel;
src: url('https://main-9t3.pages.dev/assets/FreePixel.ttf');
}

h1 {
font-family: 'FreePixel', sans-serif;
color: rgb(35, 250, 106);
text-align: center;
font-size: 22px;
}

a {
font-family: 'Courier New', Courier, monospace;
font-size: medium;
color: plum;
}

p {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: medium;
color: tomato;
text-align: center;
}
#monstertwo {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
position: fixed; 
bottom: 0; 
left: 0; 
width: 100%;
}

#monstertwo::-webkit-scrollbar {
display: none;
}

@keyframes marquee {
0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(-100%);
}
}

.marquee-container {
white-space: nowrap;
position: relative;
animation: marquee 17s linear infinite;
color: antiquewhite;
font-family: 'FreePixel', 'Segoe UI', 'Roboto', Geneva, Verdana, sans-serif;
}

.marquee-content {
display: inline-block;
}

.stuff {
display: grid;
gap: 10px;
color: white;
}


.container > div.menu {
grid-area: menu;
}

#stuff {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 10px;
max-width: 900px;
margin: 20px auto;
align-items: center;
color: white;
}

#main-image-container img.large {
width: 99%;
height: 150%;
border-radius: 1px;

}
#main-image-container img:hover {
box-shadow: 0 0 30px #b9fa23;
}

#side-images-container {
display: flex;
flex-direction: column;
gap: 12px;
height: calc(3 * 120px + 2 * 12px);
}

#side-images-container a {
flex: 1;
}

#side-images-container img {
width: 100%;
height: auto;
border-radius: 1px;
cursor: pointer;
transition: transform 0.3s ease;
}

#side-images-container img:hover {
box-shadow: 0 0 8px #eb0823;
}

#lastfm-sidebar {
background-color: rgba(3, 134, 58, 0.8);
width: 250px;
border-radius: 4px;
padding: 10px;
font-family: 'FreePixel', 'Segoe UI', 'Roboto';
color: #bac0ee;
} /* NIGHTMARE */
.zoomed-out {
transform: scale(0.9); /* change to 0.5, 0.8, etc. */
transform-origin: top left;
width: 120.33%; /* 100 / 0.75 = 133.33% to cancel out the shrink-ness */
}
/* god forbid a dev uses notes #notaclanker */
.page-wrap {
    width: 1536px;
    height: 710px; /* optional */
    margin: 0 auto;
}