html {
	width: 100%;
}

body {
	display: initial;
	width: 100%;
}

#site {
	display: flex; /* old mobile crap cannot handle flex */
	width: 100%;
	max-height: 100vh;
}

header {
	flex: none;
}

#header-name::after {
	content: "\A";
	white-space: pre;
}

main {
	flex: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url("/images/photo.png");
}

#communication {
	background-color: red;
	max-width: contain;
}

footer {
	position: initial;
	flex: none;
}

#footer-inner {
	position: initial;
}

#header-orga {
	font-size: 2em;
}

#subjects {
	font-size: 0.75em;
}

#main-right {
	display: none;
}
img#pom {
	height: 200px;
}

#main-top {
	display: none;
}

#main-inner {
	display: initial;
}

#main-bottom {
	display: none;
}

.comList {
	background-color: rgba(25,25,25,0.7);
	padding: 10px;
	border-radius: 25px;
}

.comVal {
	margin-left: 24.56px;
	display: block;
}

#header-inner {
	text-align-last: justify;
}

#header-orga {
	margin: 0;
}

#subjects {
	text-align-last: left;
	line-height: 1.5em;
	padding: 5px 0 5px 0;
	vertical-align: text-bottom;
}

.pubKey {
	margin-right: 50px;
}
.comVal:has(> span.pubKey) {
	display: inherit;
	text-align: inherit;
	width: inherit;