#what-is-js {
	color: #f7df1e;

	& h1 {
		font-size: 300%;
		margin: 0;
	}

	& p {
		margin: 0;
		font-weight: bold;
	}

	& img {
		height: 50vh;
		transition: .5s transform, 1s .5s margin-top;
	}

	&:not(:target) img {
		margin-top: -12em;
		transform: translateY(-50vh);
	}
}

#what-can-js-do {
	& strong {
		color: var(--accent4-light);
	}

	& li::before {
		filter: hue-rotate(40deg);
	}

	& q {
		font-style: italic;
	}
}

pre + pre {
	margin-top: 0;
}

#java,
#java2 {
	& pre {
		background: hsla(0,0%,100%,.1);
		padding: .5em;
		border-radius: .2em;
	}
}

#eich {
	background: url(img/eich.jpg) bottom right no-repeat white;

	& h1 {
		margin-right: 25%;
	}
}

#influences {
	& img {
		height: 50vh;
	}
}

#standards {
	& img {
		vertical-align: text-bottom;
		height: 1.2em;
	}
}

#iteration {
	& th[scope="row"] {
		font-weight: normal;

		& h2 {
			margin: 0;
			text-align: left;

			& code {
				font-weight: inherit;
			}
		}
	}
}