html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;}
root {display: block;}
body {background-color: beige;color: olive;font-family: "Passion One", sans-serif;font-weight: 200;text-shadow: rgb(0 0 0 / 25%) 0px 0.5px 1px;}

/* DEFAULT and MOBILE-ONLY values */
div.content {margin: auto;overflow: hidden;}
div.menuWrapper {padding: 0px;}
div.menu {display: block;padding: 10px;justify-content: center;}
div.menu#column1 {grid-template-columns: 1fr 1fr 1fr;padding: 0px;}
div.menu#column2 {grid-template-columns: 1fr 1fr;padding: 0px;}
div.menu#column3 {grid-template-columns: 1fr 1fr 1fr;padding: 0px;}
div.menu#column4 {grid-template-columns: 1fr 1fr 1fr 1fr;padding: 0px;}
div.menu#dailies {padding: 10px;width: 94%;display: block;}
div.menu#stickers {display: block;column-count: 1;background-color: beige;}
div.menu#portfolio {display: block;column-count: 1;background-color: beige;}
a {text-decoration: none;color: beige;}
h1 {font-size: 50px;color: olive;}
h2 {font-size: 40px;color: olive;}
h3 {font-size: 30px;color: olive;}
h3.ribbonText {color: beige;font-weight: 100;}
p.gameTitle {font-size: 37px;color: beige;}
p.showTitle {font-size: 30px;color: beige;}
p.gameTitle#loginText {color: #DA5514;}
p.about {font-size: 12px;color: purple;font-family: 'Mulish';margin-bottom: 12px;font-weight: normal;color: beige;}
span.smallerText {font-size: 20px;color: beige;font-family: 'Mulish';font-weight: 700;}
p.sectionTitle {font-size: 36px;color: beige;}
span.unbold {text-decoration: none;font-weight: 100;color: olive;}
img.bannerImage {width: 50px;border-radius: 20px;border: 4px solid beige;position: absolute;left: 0px;padding: 5px;}
img.showImage {width: 34px;border-radius: 10px;position: absolute;left: 10px;}
img.bannerImage#trophy {background-color: darkslategray;}

div.ribbon {top: 0px;width: 100%;height: 50px;overflow: hidden;background-color: purple;color: beige;}
div.ribbonIcon {float: left;}
div.ribbonText {float: left;margin-top: 10px;}

div.portrait {width: 95%;overflow: hidden;margin: auto;height: 360px;text-align: center;margin-top: -115px;float: none;}
div.portrait img {width: 420px;z-index: 0;position: relative;}
div.social {width: 95%;margin: auto;align-items: center;text-align: center;padding: 12px;}
div.social img {width: 30px;background-color: purple;padding: 7px;border-radius: 10px;margin-right: 3px;}
div.about {width: 86%;margin: 0px 15px 5px;padding: 12px 12px 2px 18px;background-color: purple;border-radius: 25px;}

img.icon {width: 40px;margin: 5px;}

div.gameBanner {display: flex;border-radius: 20px;padding: 10px 10px 10px 80px;margin: 10px;height: 40px;justify-content: left;align-items: center;text-align: center;width: auto;float: none;position: relative;}

div.topBanner {display: flex;width: 100%;justify-content: center;align-items: center;margin: 0px 0px 10px 0px;}
div.topBanner img {width: 100%;}

div.portentry {margin-bottom: 10px;}
div.portentry img {max-width: 100%;}

div.stickentry {margin-bottom: 10px;}
div.stickentry img {max-width: 100%;}

div.zzz {color: #B381D6;}
div.chaos {color: #D6469C;}
div.endfield {color: #D6C843;}
div.nikke {color: cornflowerblue;}
div.feh {color: rgb(124, 123, 123);}
div.puzzmo {color: #FEBE00;}

#podcast {background-color: #D6C843;}
#zzz {background-color: #B381D6;}
#store {background-color: #D6469C;}
#portfolio {background-color: cornflowerblue;}
#feh {background-color: rgb(124, 123, 123);}
#puzzmo {background-color: #FEBE00;}
#library {background-color: rgb(124, 123, 123);}
#nerdshelf {background-color: #DA5514;}
#drawject {background-color: purple;}
#stickers {background-color: purple;}
#steam {background-color: darkslategray;}
#switch {background-color: crimson;}
#synch {background-color: cornflowerblue;}



/* DESKTOP values */
@media only screen and (min-width: 500px) {
	p.about {font-size: 17px;}
	div.ribbonText {margin-top: 5px;}
	div.menu {display: grid;}
	div.menuWrapper {padding: 0px 50px;}
	div.menu#stickers {column-count: 3;}
	div.menu#portfolio {column-count: 4;}
	h3 {font-size: 36px;}
	div.portrait {width: auto;height: 500px;margin-top: 0px;float: left;}
	div.portrait img {width: 420px;z-index: 100;}
	div.about {width: 95%;margin: 20px 20px 5px 20px;}
}