* {
  -webkit-tap-highlight-color: transparent!important;
}
body,html{width:100%;margin:0;font-family:monospace;}
img{max-width:100%;}
a{color:black;}
#masthead a{text-decoration:none;color:black;}
#masthead{width:100%;display:flex;justify-content:space-between;position:fixed;top:0;left:0;font-size:1.5rem;background:#00ff00;z-index:999;}
.about{width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center;background: radial-gradient(#7c019e 10%,#02fcfc);text-align:center;color:white;flex-flow:row nowrap;gap:2rem;}
.about a{color:white;}
.about .col{max-width:30%;}
.about .col img{max-width:60%;}

	body {
		margin: 0;
		overflow: hidden;
	}

	.gallery {
		width: 100dvw;
		height: 100dvh;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		z-index:999;
		background: radial-gradient(#7c019e 10%,#02fcfc);
		margin:0;
	}

	.gallery img {
		max-width: 35%;
		max-height: 60%;
		object-fit: contain;
		display: none;
		pointer-events:none;
	}

	.gallery img.active {
		display: block;
	}

@media only screen and (max-width: 1200px) {
	.gallery img{max-width:60%;max-height:60%;}
	#masthead{font-size:1rem;}
	.about{flex-flow:row wrap;padding:3rem 0;justify-content:flex-start;align-items:flex-start;}
	.about .col{width:100%;min-width:100%;gap:0rem;}
	.about .col img{max-width:40%;}
}