html, body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	scrollbar-gutter: stable;
}

a{
	text-decoration: none;
	color: #ff00ff;
}

a:hover{
	color: #00ffff;
}

#main {
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

#header {
	width: 100%;
	border-bottom: 3px #ddd solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#header h1 {
	margin: 0;
}

#logo {
	font-size: clamp(1rem, -0.5rem + 9vw, 2.8rem);
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: bolder;
	display: flex;
	flex-direction: column;
	text-align: center;
}

#logo img {
	max-width: 40vw;
	margin: auto;
	margin-bottom: 20px;
}

@media (min-width : 700px) {
	#logo {
		display: flex;
		flex-direction: row;
	}
	#logo img {
		width: 80px;
		margin: 0;
		margin-right: 20px;
	}
}


#welcome{
	margin-top: 10px;
}

#edito{
	border-bottom: 3px #ddd solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-family: monospace;
}

.item {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

img.left{
	float: left;
	margin-right: 20px;
}

img.right{
	float: right;
	margin-left: 20px;
}

img.w200{
	width: 200px;
}

img.w400{
	width: 400px;
}

img.w700{
	width: 700px;
}

.mTop{
	margin-top: 10px;
}

.sold{
	color: red;
	text-align: center;
	margin-top: 30px;
}

.description {
	display: inline-block;
	width: calc( 100% - 420px);
	margin-top: -20px;
	word-break: break-word;
}

.price{
	font-size: 25px;
	text-align: center;
}

.shipping{
	text-align: center;
}

.center{
	text-align: center;
}

.money{
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 20px;
}

.mBox{
	border-radius: 4px;
	background: #ddd;
	margin-top: 25px;
	padding: 20px;
	padding-top: 5px;
	box-sizing: border-box;
	text-align: center;
}
.mBox form {
	text-align: center;
}
.mBox form table {
	margin: auto;
	margin-bottom: 1rem;
}

#footer{
	text-align: center;
	border-top: 3px #ddd solid;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
}

#footer em span {
	font-style: initial;
}

#result{
	display: none;
}

.donation {
	text-align: center;
}

.public-key {
	font-size: clamp(0.7rem, -0.5rem + 6vw, 1.3rem);
}

@media (max-width : 700px) {
	img.w400 {
		width: 100%;
		margin-top: 10px;
	}
	.description {
		width: 100%;
		margin-top: 10px;
	}
}