body {
	--main-bg: rgba(200, 200, 200, 0.9);

	overflow: hidden;
    background-color: var(--body-bg);
}
.maincontainer {
    width: 100%;
    float: left;
    background-color: var(--main-bg);
    overflow: auto;

	#wp {
		position: fixed;
		top: 20px;
		left: -10px;
		z-index: -1;

		.a {
			float:left;
			background-image: var(--logo-url);
		}
		.a div {
		    width: 80%;
		    height: 80%;
		    background-repeat: no-repeat;
		    background-size: 100%;
			background-image: var(--logo-url);

			body.dark-mode & {
			   background-image: var(--logo-dark-url);
			}
		}
		.r20 { -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); }
		.r60 { -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); }
		.r120 { -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); }
		.r260 { -ms-transform: rotate(260deg); -webkit-transform: rotate(260deg); transform: rotate(260deg); }
		.r340 { -ms-transform: rotate(340deg); -webkit-transform: rotate(340deg); transform: rotate(340deg); }
	}
	.content {
		width: 60em;
		margin-left:auto;
		margin-right:auto;

		.logo {
		    height:140px;
		    background-position:center;
		    background-repeat:no-repeat;
		}
	}
	.search {
		margin-top: 27px;
		float: none;
	}
}