#my-signin-button {
	border-radius: 2rem;
	border: 1px solid var(--theme-color, #42b983);
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.05rem;
	letter-spacing: 0.1rem;
	margin: 0.5rem 1rem;
	padding: 0.75em 2rem;
	text-decoration: none;
	transition: all 0.15s ease;
	cursor: pointer;

	background-color: var(--theme-color, #42b983);
	color: #fff;
}

section.cover h1 {
	margin-bottom: 15px;
}

#my-signin-name {
	height: 21px;
}

.method {
	text-transform: uppercase;
	font-size: x-small;
	color: white;
	width: 32px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
}

.method-get {
	background-color: rgb(107, 189, 91);
}

.method-post {
	background-color: rgb(36, 143, 178);
}

.method-put {
	background-color: rgb(155, 112, 139);
}

.method-del {
	background-color: rgb(226, 122, 122);
}

section.cover .cover-main > p:last-child a:last-child {
	background-color: transparent;
	color: var(--theme-color, #42b983);
}

.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	color: red;
	font-weight: bolder;
}

.tab button.tabStatus200 {
	color: green;
}

.tab button:hover {
	background-color: #ddd;
}

.tab button.active {
	background-color: #ccc;
}
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}