.main{/*mobilelayout*/
	display: flex;
	flex-direction: column;
	padding: 1%;
}

@media screen and (min-width: 150ch){/*pclayout*/
	.main{
		font-size: 1.2em;
	}
}

div.content{
	height: fit-content;
	width: 50%;
	margin-top: 1%;
	margin-left: 25%;
	margin-right: 25%;
	padding: 1%;
	border: 0.5vw solid;
	border-radius: 2%;
}

div#whoami{
	border-color:#369d81;
}
div#whyawebsite{
	border-color:#ff9b6e;
}
div#buttons-webring{
	border-color:#ffb0d1;
}
div#source{
	border-color:#dd3e3e;
}


#godzilla{/*mobile layout*/
	height: 15vh;
	width: 15vh;
	position: absolute;
	top: 15vh;
	margin: auto;
	background-image: url("designelements/photoframe.png");
	background-size: 250%;
	display: none;
}

@media screen and (min-width: 150ch){ /*pclayout*/
	#godzilla{
		height: 15vh;
		width: 15vh;
		position: absolute;
		top: 15vh;
		margin: auto;
		background-image: url("designelements/photoframe.png");
		background-size: 250%;
		display: block;
	}
}
.fediring{
	font-size: 3em;
	text-decoration: none;
}
.fediring > img{	
	width: calc(1.5 * 88px);
	height: calc(1.5 * 31px);
}