#home-grid {
	display: grid;
	grid:
	  "fishis" 20%
	  "bio" auto
	  "announcements" 30vh
	  /100%;
	height: 100%;
}

#me-box {
	grid-area: bio;
	margin: 0 0 0 15%;
	padding-left: 40px;
}

#intro {
	font-size: 2.2em;
}

#top-text {
	background-color: var(--pink-white);
	border-radius: 10px;
	padding: 0 10px 0;
	margin-bottom: .5em;
	font-size: 0.6em;
}

#announce-box {
	grid-area: announcements;
}

#fishi-box {
	grid-area: fishis;
	display: flex;
	align-items: stretch;
	justify-content: space-around;
	gap: 0 2%;
	padding-bottom: 3%;
}

#fishi-box svg {
	width: 100%;
	opacity: 0.6;
}

#fishi2 svg {
	.fishi_body {
		fill: var(--peach);
	}
	rotate: -17deg;
}
#fishi3 svg {
	.fishi_body {
		fill: var(--chocolate-brown);
	}
	transform: scaleX(-1);
	rotate: 15deg;
}
#fishi4 svg {
	.fishi_body {
		fill: var(--pink-brown);
	}
	transform: scaleY(-1);
}
#fishi5 svg {
	.fishi_body {
		fill: var(--dull-pink);
	}	
	transform: scaleX(-1);
}