User:QuickQuokka/userpage/styles.css

.quokkaContent{
	border-radius: 1.5em;
	border: 0.75em solid #328f87;
	background-color: #124;
	min-height: 15em;
	color: #f3ede7 !important;
	font-size: 115%;
	padding: 3% 5%
}

.quokkaContent a{
	color: #89c6c4 !important;
}

.quokkaHeader{
	text-align: center;
	font-weight: bold;
	font-family: 'Georgia', serif !important;
	color: #e4d8ca;
	transition: .2s ease-in-out;
}

.quokkaHeader .mainTitle{
	font-size: 350%;
}

.quokkaHeader .subTitle{
	font-size: 200%;
}

.quokkaContent .quokkaNavBarContainer{
	border-radius: 1.5em;
	background-color: #364D6A;
	display: flex;
}

.quokkaContent .quokkaNavBarContainer .quokkaNavBar{
	padding: 1.75em 0
}

.quokkaContent h1, .quokkaContent h2{
	border-bottom: none;
}

.quokkaContent .mw-headline{
	color: #f3ede7 !important;
	font-size: 125%;
	font-weight: bold;
	font-family: 'Georgia', serif !important;
}

.quokkaContent .mw-babel-wrapper, .quokkaContent figure[typeof="mw:File/Thumb"], .quokkaContent figure[typeof="mw:File/Thumb"] figcaption{
	background: #364d6a;
	border-color: #328f87;
	color: #f3ede7 !important;
}

.quokkaContent .mw-babel-box.mw-babel-box-N td{
	background: #6ef7a7;
}

.quokkaContent .mw-babel-box.mw-babel-box-5 td{
	background: #ffcf4d;
}

.quokkaContent .mw-babel-box.mw-babel-box-4 td{
	background: #77e0e8;
}

.quokkaContent .mw-babel-box.mw-babel-box-3 td{
	background: #99b3ff;
}

.quokkaContent .mw-babel-box.mw-babel-box-2 td{
	background: #bcb9ef;
}

.quokkaContent .mw-babel-box.mw-babel-box-1 td{
	background: #e0c0e0;
}

.quokkaContent .mw-babel-box.mw-babel-box-0 td{
	background: #ffbbbb;
}


@media screen and (max-width: 650px){
	.quokkaHeader .mainTitle{
		font-size: 9vw;
	}
}

@media screen and (max-width: 540px){
	.quokkaHeader .subTitle{
		font-size: 7vw;
	}
}