body {
  background-image: url('assets/backgrounds/backstar.gif');
  background-repeat: repeat;
  background-color: #334BFF; 
  min-height: 100vh;
  padding: 20px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: url('assets/woz/cursor.cur'), auto;
  font-family: DS, monospace; 
  font-size: 30px;
}

.container {
    max-width: 1300px;
    margin: 0 auto;
}

.header-row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}

.title img{
    width: 500px;
    height: 250px; 
    align-items: center;
}

.title {
    font-family: DS;
    color: #ffffff;
    text-align: center;
}

.controller-left img,
.controller-right img {
    width: 150px; 
    height: auto;
}

.controller-left img {
    transform: scaleX(-1); 
}

.content-row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 30px;
}

.content-top {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}


.text-box {
    flex: 1;
    background-color: #ADD8E6; 
    border: 4px solid #334BFF; 
    border-radius: 20px;
    padding: 20px;
    font-family: DS;
    color: #000;
    font-size: 20px;
}


.text-box h2 {
    font-size: 30px;
}

.fanart p {
    font-size: 20px;
}

.image-box {
    width: auto;
    animation: float 3s ease-in-out infinite;
}

.fanart {
    animation: float 3s ease-in-out infinite;
    font-family: DS;
    color: #ffffff;
    text-align: center;
}

.fanart img {
    width: 700px;
}

.stamps img {
    max-width: 100px; 
    height: auto;
}

.stamps {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}

.image-box img {
    max-width: 300px; 
    height: auto;
    display: block;
}

.deco-right img, .deco-left img {
    max-width: 300px;
    height: auto;
}

.deco-left, .deco-right {
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}



@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

.content-row-reverse {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 30px;
    flex-direction: row;
}

.divider {
    text-align: center;
}

.divider img {
    max-width: 100%;
    height: auto;
}

.text-box-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.back-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000; 
    animation: float 3s ease-in-out infinite; 
}

.back-button img {
    width: 80px; 
    height: auto;
    cursor: pointer;
}


@font-face {
font-family: DS;
src: url('assets/fonts/Nintendo-DS-BIOS.ttf'); 
}
 
#DS {
font-family: DS;
}