/* --- SWITCH BIRD TO FISH --- */

#melonGuild-7 .melonGuild-links img {
	display: none;
}

#melonGuild-7 .melonGuild-links a:first-child::after {
	display: inline-block;
	content: '';
	background: url('https://pixelsea.neocities.org/icons/fish-0495.gif');
	background-size: cover;
	margin: -5px 0 -2px 0.5rem;
	width: 42px;
	height: 34px;
	vertical-align: middle;
	image-rendering: pixelated;
}

#melonGuild-7 .melonGuild-links a:first-child {
    padding-top: 4px;
    text-wrap: nowrap;
}

/* --- SIZING & RESPONSIVENESS --- */

#melonGuild-7.melonGuild {
	width: 315px;
	max-width: calc(100% - 12px);
	margin: 10px auto;
	flex-flow: row;
	word-break: break-word;
	gap: 5px;
	justify-content: center;
	container-type: inline-size;
	container-name: natureguild;
}

@container natureguild (width < 315px) {
	#melonGuild-7 .melonGuild-info b,
	#melonGuild-7 .melonGuild-info a,
	#melonGuild-7 .melonGuild-prev,
	#melonGuild-7 .melonGuild-next {
		font-size: 12px;
	}
	#melonGuild-7 .melonGuild-links a:first-child::after {
		width: 21px;
		height: 17px;
	}
	#melonGuild-7 .melonGuild-links a:first-child {
	    padding-top: 0;
	}
	#melonGuild-7 .melonGuild-links a:first-child::after {
		margin: -5px 0 0 0.5rem;
	}
}

/* --- CHANGING DISPLAY TEXT --- */

#melonGuild-7 .melonGuild-info span {
    display: none;
}

#melonGuild-7 .melonGuild-info b::after {
    content: ' Webring';
}

/* --- BIG ARROWS --- */

#melonGuild-7 .melonGuild-prev,
#melonGuild-7 .melonGuild-next {
	font-size: 0;
	text-decoration: none;
}

#melonGuild-7 .melonGuild-prev::before,
#melonGuild-7 .melonGuild-next::after {
    font-size: 2.75rem; 
}

#melonGuild-7 .melonGuild-prev::before {
	content: '\25C0';
	margin-right: 0;
}

#melonGuild-7 .melonGuild-next::after {
  content: '\25B6';
  margin-left: 0;
}

@container natureguild (width < 290px) {
	#melonGuild-7 .melonGuild-prev::before,
	#melonGuild-7 .melonGuild-next::after {
	    font-size: 2.5rem; 
	}
}

/* --- STYLE FOR TITLE --- */

#melonGuild-7 .melonGuild-info b {
    margin-bottom: 2px; 
    letter-spacing: 1px;
    font-style: italic;
}

/* --- COLORS --- */

#melonGuild-7.melonGuild {
	border: 2px outset #2e7700;
	background-image: url("https://textures.neocities.org/textures/water/ciq60185.jpg");
	background-size: 150px;
	padding: 5px;
	font-family: Times New Roman, serif;
	color: #1d4a01;
}

#melonGuild-7 .melonGuild-info {
    background: linear-gradient(lightcyan,powderblue);
    padding: 5px 7px;
    border: 2px solid #d2f7a6;
    font-size: 16px;
}

#melonGuild-7 .melonGuild-links a {
    color: #2e7700; 
}

#melonGuild-7 .melonGuild-links a:hover,
#melonGuild-7 .melonGuild-links a:focus {
    color: mediumblue; 
    text-decoration-thickness: 3px;
    text-decoration-color: #d2f7a6;
}

#melonGuild-7 .melonGuild-prev,
#melonGuild-7 .melonGuild-next {
    color: lightcyan;
}

#melonGuild-7 .melonGuild-prev:hover,
#melonGuild-7 .melonGuild-prev:focus,
#melonGuild-7 .melonGuild-next:hover,
#melonGuild-7 .melonGuild-next:focus {
    color: #d2f7a6;
}