html, body { height:100%; margin:0;}
html {
	background: white;
	min-height: 100%;
	min-width: 100%;
	background-size: cover;
	background-image: linear-gradient(to bottom left, #258B50, rgba(53,179,101,0.95), rgba(60,227,119,0.9), rgba(168,261,168,0.85), rgba(255,255,255,0.8) 45%),
					  url("../img/background.png");
	background-position: left bottom;
	background-repeat: no-repeat;
}
.mypage {
	display: flex;
	flex-direction: column;
}
.wrapper_col, .comnet, .mint40, .info, .footer {
	border-radius: 0.25em;
	border: 0px solid #333;
	padding: 0.2em;
	margin: 0.2em;
	height: 100%;	
}
.footer {
	height: auto;	
}
.wrapper {
	display: flex;
	flex-direction: column;
}
.wrapper_col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.comnet {
	display:flex;
	color: black;
	flex-direction: column;
	align-items: flex-end;
}
.mint40 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.info {
	display: flex;
	flex-direction: column;
}
.getinfo {
	padding:1.0rem;
	margin:1.5rem;
	height: auto;
}
.getinfo {
	color:white;
	background:rgba(0,80,0,0.25);
	font-size: 130%;
	border-radius:0.25rem;
	border:1px solid #333;
}
c_logo {
	padding:1.5rem;
	margin:1.5rem;
}
c_info {
	padding-left: 3%;
}
button {
	font-family:monospace;
    font-size: 250%;
    font-weight: bold;
	height:auto;
}
m_logo {
	padding-top:7%;
	padding-left:3%;
	margin-top:5%;
	margin-left:5%;
	width:40%;
	height:22%;
}
a {color: lightgrey; font-family:Arial; background-color: transparent; text-decoration: none;}
p {color: green; font-family:Arial; background-color: transparent; text-decoration: none;}
@media screen and (min-width:100em) {
	.wrapper {
		flex-direction: row;
	}
	.wrapper_col:nth-child(2) {
		order: 1;
		flex: 4;
	}
	.wrapper_col:nth-child(1) {
		order: 2;
		flex: 3;
	}
}