:root {
	--blue-0: #001626;
	--blue-1: #012035;
	--blue-2: #012f4f;
	--blue-2-2: #033B63;
	--blue-2-5: #074774;
	--blue-3: #005992;
	--blue-4: #237BBB;
	--blue-5: #4499CC;
	--blue-6: #4FAFE2;
}
a, a:visited, .fake-link {
    text-decoration:underline;
    border:0;
    outline:0;
    color:inherit;
    cursor:pointer;
}
body, html {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background-color:var(--blue-3);
    background-image:url("../img/background.png");
    background-position:center;
    background-repeat:repeat-y;
    font-family:'Hammersmith One';
    color:#FFFFFF;
}

/* Seasonal - Winter */
#logo-link::after {
    content:'';
    width:10px;
    width:35px;
    height:32px;
    background-image:url("../img/seasonal/santa-hat.png");
    background-size:35px 32px;
    position:absolute;
    left:-7px;
    top:2px;
    transition:top .5s;
    pointer-events:none;
}
#logo-link:hover::after {
    top:-5px;
}
@media screen and (max-width: 1090px) {
    #logo-link::after {
        top:-10px;
    }
    #logo-link:hover::after {
        top:-15px;
    }
}
/**/


#header-wrapper {
    width:100%;
    background-color:var(--blue-1);
}
#header {
    height:64px;
    width:1070px;
    margin-left:auto;
    margin-right:auto;
    color:var(--blue-4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#logo-link {
    margin-right:30px;
    float:left;
    position:relative;
}
#logo {
    vertical-align:top;
    width:32px;
    height:32px;
    margin-top:16px;
    margin-bottom:16px;
    transition: transform .5s;
    cursor:pointer;
}
#logo:Hover {
    transform: rotate(360deg) scale(1.3, 1.3);
}
#menu {
    display:inline-block;
    font-weight:bold;
    height:64px;
    vertical-align:middle;
    overflow:hidden;
    float:left;
}
#menu .item {
    font-size:20px;
    font-family:'Rambla';
    height:1em;
    margin-top:20px;
    position:relative;
    display:inline-block;
    margin-right:40px;
}
#menu .item a {
    text-decoration:none;
}
#menu .item span {
    cursor:pointer;
    border-bottom:0;
    transition: color 1s;
}
#menu .item:Hover span {
    color:#FFFFFF;
    transition: color .2s;
}
#zanz-sez {
    color:var(--blue-4);  
    clear:right;
    position:relative;
    float:right;
    height:19px;
    line-height:19px;
    margin-bottom:5px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}


#user-bar-wrapper {
    width:1070px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
}
#user-bar {
    display:inline-block;
    text-align:left;
    background-color:var(--blue-0);
    border-radius:0 0 10px 10px;
    font-size:14px;
    height:40px;
    line-height:40px;
    position:relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
#user-bar > .content {
    padding:0px 7px;
    display:inline-block;
    height:inherit;
    line-height:inherit;
    color:var(--blue-3);
    box-sizing:border-box;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
#user-bar .profile .profile-picture {
    transition: box-shadow 1s;
}
#user-bar .profile > a:Hover .profile-picture {
    box-shadow: 0px 0px 1px 1px var(--blue-3);
    transition: box-shadow .2s;
}
#user-bar > .content > .item {
    display:inline-block;
    position:relative;
    margin-left:15px;
}
#user-bar > .content > .item.profile {
    margin-left:0;
}
#user-bar > .content > .item > .count {
    position:absolute;
    right:-5px;
    top:5px;
    line-height:14px;
    height:14px;
    background-color:#FFFFFF;
    border-radius:2px;
    color:var(--blue-4);
    font-family:"Rambla";
    font-weight:bold;
    padding:1px 3px;
    transition:top 1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}
#user-bar > .content .item:Hover .count {
    top:0px;
    transition:top .2s;
}
#user-bar > .content .item .count:empty {
    display:none;
}
#user-bar > .content .icon-wrapper {
    vertical-align:middle;
    margin:0;
    cursor:pointer;
    display:inline-block;
}
#user-bar > .content .icon-wrapper > .icon {
    background-size:auto 52px;
    margin:7px 0px;
    height:26px;
    background-image:url('../img/icons/profile-icons.png');
    background-repeat:repeat-y;
    transition: background-position .5s;
    transition: background-position-y .5s;
}
#user-bar > .content .notifications         .icon {background-position:0px     0px;width:25px}
#user-bar > .content .notifications:Hover   .icon {background-position:0px     26px}
#user-bar > .content .chat                  .icon {background-position:-25px   0px;width:37.5px}
#user-bar > .content .chat:Hover            .icon {background-position:-25px   26px}
#user-bar > .content .settings              .icon {background-position:-62.5px  0px;width:25px}
#user-bar > .content .settings:Hover        .icon {background-position:-62.5px  26px}
#user-bar > .content .logout                .icon {background-position:-87.5px  0px;width:25px}
#user-bar > .content .logout:Hover          .icon {background-position:-87.5px  26px}
#user-bar > .content .messages              .icon {background-position:-112.5px  0px;width:37.5px}
#user-bar > .content .messages:Hover        .icon {background-position:-112.5px  26px}
#user-bar > .content .moderate              .icon {background-position:-150px  0px;width:37.5px}
#user-bar > .content .moderate:Hover        .icon {background-position:-150px  26px}

#user-bar .drawer {
    display:none;
    position:absolute;
    width:300px;
    z-index:20;
    right:105px;
    top:40px;
    line-height:normal;
    height:400px;
    max-height:400px;
}
#user-bar .drawer .empty-drawer {
    text-align:center;
    margin-top:165px;
    font-size:20px;
    color:var(--blue-4);
}
#user-bar .drawer .empty-drawer > .subtitle {
    font-size:16px;
    color:var(--blue-3);
}
#user-bar .drawer > .drawer-box {
    background-color:var(--blue-1);
    position:absolute;
    width:inherit;
    top:10px;
    border-radius:10px;
    height:inherit;
}
#user-bar .drawer > .drawer-box:Before {
    content:"";
    background-color:inherit;
    position:absolute;
    width:16px;
    height:16px;
    transform: rotate(45deg);
    margin-left:-8px;
    margin-top:-7px;
    left:50%;
    z-index:19;
}
#user-bar .drawer > .drawer-box > .content-wrapper {
    overflow-y:hidden;
    border-radius:5px;
    box-sizing:border-box;
    height:400px;
    max-height:400px;
    z-index:21;
    position:relative;
}
#user-bar .drawer > .drawer-box > .content-wrapper > .content {
    overflow-y:auto;
    padding:10px;
    box-sizing:border-box;
    height:inherit;
    max-height:inherit;
}
#notifications-drawer .notification {
    background-color:var(--blue-2-5);
    box-sizing:border-box;
    padding:5px;
    border-radius:5px;
    margin-bottom:10px;
    cursor:pointer;
}
#notifications-drawer .notification.viewed {
    background-color:var(--blue-2);
    color:var(--blue-3);
}
#notifications-drawer .notification > .timestamp {
    font-size:12px;
    color:var(--blue-4);
    font-family:"Noto Sans";
    font-weight:bold;
    display:inline-block;
    width:50%;
}
#notifications-drawer .notification.viewed > .timestamp {
    color:var(--blue-3);
}
#notifications-drawer .notification > .dismiss {
    font-size:12px;
    background-color:var(--blue-3);
    border-radius:5px;
    color:var(--blue-6);
    display:inline-block;
    padding:1px 4px;
    float:right;
    transition:color 1s, background-color 1s;
}
#notifications-drawer .notification.viewed > .dismiss {
    color:var(--blue-4);
    background-color:var(--blue-2-5);
}
#notifications-drawer .notification > .dismiss:hover {
    background-color:var(--blue-5);
    color: #FFFFFF;
    transition:color .2s, background-color .2s;
}
#notifications-drawer .notification.viewed > .dismiss:hover {
    background-color:var(--blue-3);
    color:var(--blue-5);
}
#notifications-drawer .notification > .content {
    display:none;
    background-color: var(--blue-2);
    color: var(--blue-5);
    padding: 5px;
    border-radius: 5px;
    margin: 4px 0;
}
#notifications-drawer .notification.viewed > .content {
    background-color: var(--blue-1);
    color: var(--blue-3);
}
#notifications-drawer .notification:last-child {
    margin-bottom:0px;
}


a.pretty {
    transition: color 1s;
}
a.pretty:Hover {
    color:#FFFFFF !important;
    transition: color .2s;
}
#im-zanz {
    color:var(--blue-5);
    font-size:20px;
    letter-spacing:2px;
}
#im-zanz a {
    transition: color 1s;
}
#im-zanz a:Hover {
    color:#FFFFFF;
    transition: color .2s;
}
#social-buttons {
    float:right;
    height:28px;
    padding:6px 0px;
}
#footer {
    text-align:center;
    margin-top:25px;
    padding-bottom:50px;
    color:var(--blue-3);
}
#footer a {
    color:var(--blue-4);
    transition: color 1s;
}
#footer a:Hover {
    color:#FFFFFF;
    transition: color .2s;
}
#footer .copyright {
    font-family:"Rambla";
    font-size:15px;
    font-weight:bold;
}
.footer-column {
    vertical-align:top;
    display:inline-block;
    width:250px;
    margin-top:30px;
    margin-left:20px;
    margin-right:20px;
    text-align:left;
    color:var(--blue-4);
    font-size:14px;
}
.footer-column-head {
    font-size:18px;
    letter-spacing:2px;
    padding-bottom:5px;
}
#footer-donate-button, .button-gold {
    padding:5px 10px;
    display:inline-block;
    border-radius:5px;
    background-color:#a37013;
    color:#FFFFFF;
    transition: background-color 1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#footer-donate-button:Hover, .button-gold:Hover {
    background-color:#d19c3e;
    transition: background-color .2s;
}
#page-wrapper {
    margin-left:auto;
    margin-right:auto;
    width:1070px;
    outline:solid 10px var(--blue-2);
    background-color:var(--blue-2);
}

.button {
	display:inline-block;
	height:25px;
	line-height:25px;
	background-color:var(--blue-3);
	border:0;
	border-radius:5px;
	text-align:center;
	padding-left:6px;
	padding-right:6px;
	margin-left:5px;
	cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .5s, background-color .5s;
    font-family:'Hammersmith One';
    text-decoration:none;
}
.button:Hover {
	background-color:var(--blue-4);
}
.button.disabled, .button.disabled:Hover {
	background-color:var(--blue-1);
	color:var(--blue-3);
	cursor:default;
}
.button.red {
	background-color:#EE2200;
}
.button.red:Hover {
	background-color:#FF5533;
}
.button.red.disabled, .button.red.disabled:Hover {
	background-color:#552222;
	color:#FF5533;
}

.content-box {
    display:block;
    margin-top:40px;
    width:100%;
    font-family:'Noto Sans';
}
.content-box-header {
    width:1070px;
    height:20px;
    padding-bottom:10px;
    font-size:20px;
    color:#FFFFFF;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    font-family:'Hammersmith One';
}
.content-box-header-detached {
    height:20px;
    padding-bottom:10px;
    font-size:20px;
    color:#FFFFFF;
    text-align:left;
    font-family:'Hammersmith One';
}
.content-box-content {
    width:1070px;
    font-size:15px;
    color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

/* Thanks Ruirize for fixing jitter and mobile support <3 */
.game-box {
    margin-bottom:5px;
    margin-right:5px;
    float:left;
    z-index: 0;
    cursor:pointer;
    border-radius:5px;
    overflow:hidden;
    position:relative;
    transition: background-color 1s;
    font-family:'Rambla';
}
.game-box:Hover {
    transition: background-color .2s;
}
a:last-child .game-box {
    margin-right:0px;
}
.game-box > .game-box-background {
    background-size:100% auto;
    background-size:cover;
    background-position:center;
    position:absolute;
    top:0;bottom:0;left:0;right:0;
    width:100%;
    height:100%;
    z-index:-1;
    transform: scale(1.005, 1.005);
    transition: transform 1s;
}
.game-box:Hover > .game-box-background {
    transform: scale(1.1, 1.1);
    transition: transform .2s;
}
.game-box1 {
    width:285px;
    height:213.75px;
}
.game-box2 {
    width:139.166666px;
    height:104.375px;
}
.game-box3 {
    width:332.666666px;
    height:100px;
    background-color:var(--blue-3);
}
.game-box4 {
    width:248.25px;
    height:300px;
    background-color:var(--blue-3);
}
.game-box5 {
    width:121.62px;
    height:91.218px;
}
.game-box-youtube {
    width:246.305556px;
    height:138.546875px;
    margin-bottom:5px;
}
a:last-child .game-box-youtube {
    margin-bottom:0px;
}
.game-box-person {
    width:150px;
    height:35px;
    line-height:35px;
    background-size:35px 35px;
    background-color:var(--blue-3);
    background-repeat:no-repeat;
    padding-left:40px;
    transition: transform 1s;
}
.game-box-person:Hover {
    transform: scale(1.05, 1.05);
    transition: transform .2s;
}
.more-text {
    float:right;
    font-size:16px;
    margin-top:4px;
    color:var(--blue-4);
}
.more-text a {
    transition: color 1s;
}
.more-text a:Hover {
    color:#FFFFFF;
    transition: color .2s;
}
.more-box {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;
    width:57px;
    height:213.75px;
    line-height:203.75px;
    float:right;
    font-size:50px;
    text-align:center;
    background-color:var(--blue-3);
    border-radius:0px 5px 5px 0px;
    transition: background-color 1s;
    overflow:hidden;
}
.more-box > div {
    width:100%;
    transition: padding .6s;
}
.more-box:Hover > div {
    padding-left:5px;
    transition: padding .3s;
}
.more-box:Hover {
    background-color:var(--blue-4);
    transition: background-color .2s;
}
.more-box-posts {
    height:100px;
    line-height:90px;
}
.more-box-youtube {
    height:425.640625px;
    line-height:415.640625px;
}
.more-box-projects {
    height:300px;
    line-height:290px;
}
.more-box-twitter {
    height:280px;
    line-height:270px;
}
.more-box-experiments {
    height:187.4375px;
    line-height:177.4375px;
}
#following-box {
    width:195px;
}
#youtube-box {
    width:756.694444px;
    height:425.640625px;
    border-radius:5px;
}
.game-box:Hover {
    background-color:var(--blue-4);
}
.game-box-cover {
    background-size:cover;
    background-position:center;
    width:100%;
    height:150px;
}

.game-box a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
}
.game-box-title {
    background-color:var(--blue-3);
    color:#FFFFFF;
    font-size:30px;
    position:absolute;
    left:-100%;
    padding:0px 10px;
    bottom:35px;
    transition: left 1s;
    border-radius:0px 5px 5px 0px;
}
.game-box-description {
    background-color:var(--blue-3);
    color:#FFFFFF;
    font-size:14px;
    position:absolute;
    right:-100%;
    padding:4px 5px;
    bottom:5px;
    transition: right 1s;
    border-radius:5px 0px 0px 5px;
}
.game-box2 .game-box-title,
.game-box5 .game-box-title,
.game-box-youtube .game-box-title {
    padding:0;
    font-size:20px;
    position:absolute;
    width:100%;
    left:auto;
    bottom:-60px;
    transition: bottom 1s;
    border-radius:0;
    text-align:center;
}
.game-box5 .game-box-title {
    font-size:16px;
}
.game-box:Hover .game-box-title {
    transition: left .5s;
    left:0px;
}
.game-box:Hover .game-box-description {
    transition: right .4s;
    right:0px;
}
.game-box2:Hover .game-box-title,
.game-box5:Hover .game-box-title,
.game-box-youtube:Hover .game-box-title {
    transition: bottom .3s;
    bottom:0px;
}

.icon-swap {
    background-size:auto 101px;
    height:50px;
    background-image:url('../img/icons/site-icons.png');
    background-repeat:repeat-y;
    transition: background-position .5s;
    transition: background-position-y .5s;
}
.icon-swap-wrapper {
    margin:0px;
    cursor:pointer;
    display:inline-block;
    padding-left:25px;
    padding-right:25px;
}
.icon-swap-wrapper          #icon-swap1 {background-position:0px     0px;width:60px}
.icon-swap-wrapper:Hover    #icon-swap1 {background-position:0px     51px}
.icon-swap-wrapper          #icon-swap2 {background-position:-61px   0px;width:51px}
.icon-swap-wrapper:Hover    #icon-swap2 {background-position:-61px   51px}
.icon-swap-wrapper          #icon-swap3 {background-position:-112px  0px;width:71px}
.icon-swap-wrapper:Hover    #icon-swap3 {background-position:-112px  51px}
.icon-swap-wrapper          #icon-swap4 {background-position:-184px  0px;width:80px}
.icon-swap-wrapper:Hover    #icon-swap4 {background-position:-184px  51px}
.icon-swap-wrapper          #icon-swap5 {background-position:-265px  0px;width:63px}
.icon-swap-wrapper:Hover    #icon-swap5 {background-position:-265px  51px}
.icon-swap-wrapper          #icon-swap6 {background-position:-329px  0px;width:50px}
.icon-swap-wrapper:Hover    #icon-swap6 {background-position:-329px  51px}
.icon-swap-wrapper          #icon-swap7 {background-position:-380px  0px;width:82px}
.icon-swap-wrapper:Hover    #icon-swap7 {background-position:-380px  51px}
.icon-swap-wrapper          #icon-swap8 {background-position:-461px  0px;width:51px}
.icon-swap-wrapper:Hover    #icon-swap8 {background-position:-461px  51px}

.icon-swap-small {
    background-size:auto 51px;
    height:25px;
    background-image:url('../img/icons/site-icons.png');
    background-repeat:repeat-y;
    transition: background-position .5s;
    transition: background-position-y .5s;
}
.icon-swap-small-wrapper {
    margin:0px;
    margin-top:4px;
    margin-bottom:4px;
    cursor:pointer;
    display:inline-block;
    width:40px;
    vertical-align:middle;
    padding-right:20px;
}
.icon-swap-small-wrapper          #icon-swap-small1  {background-position:0px     0px;width:30px}
.icon-swap-small-wrapper:Hover    #icon-swap-small1  {background-position:0px     25px}
.icon-swap-small-wrapper          #icon-swap-small2  {background-position:-30px   0px;width:26px}
.icon-swap-small-wrapper:Hover    #icon-swap-small2  {background-position:-30px   25px}
.icon-swap-small-wrapper          #icon-swap-small3  {background-position:-57px  0px;width:35px}
.icon-swap-small-wrapper:Hover    #icon-swap-small3  {background-position:-57px  25px}
.icon-swap-small-wrapper          #icon-swap-small4  {background-position:-93px  0px;width:40px}
.icon-swap-small-wrapper:Hover    #icon-swap-small4  {background-position:-93px  25px}
.icon-swap-small-wrapper          #icon-swap-small5  {background-position:-133px  0px;width:32px}
.icon-swap-small-wrapper:Hover    #icon-swap-small5  {background-position:-133px  25px}
.icon-swap-small-wrapper          #icon-swap-small6  {background-position:-166px  0px;width:25px}
.icon-swap-small-wrapper:Hover    #icon-swap-small6  {background-position:-166px  25px}
.icon-swap-small-wrapper          #icon-swap-small7  {background-position:-192px  0px;width:41px}
.icon-swap-small-wrapper:Hover    #icon-swap-small7  {background-position:-192px  25px}
.icon-swap-small-wrapper          #icon-swap-small8  {background-position:-233px  0px;width:25px}
.icon-swap-small-wrapper:Hover    #icon-swap-small8  {background-position:-233px  25px}
.icon-swap-small-wrapper          #icon-swap-small9  {background-position:-258px  0px;width:26px}
.icon-swap-small-wrapper:Hover    #icon-swap-small9  {background-position:-258px  25px}
.icon-swap-small-wrapper          #icon-swap-small10 {background-position:-284px  0px;width:25px}
.icon-swap-small-wrapper:Hover    #icon-swap-small10 {background-position:-284px  25px}

.rss-icon-small {
    margin-top:3px;
    margin-bottom:-3px;
    margin-left:4px;
    width:19px;
    height:19px;
    display:inline-block;
    background-image:url("../img/icons/rss.png");
    background-position:0px -20px;
    background-repeat:no-repeat;
    background-size:18px 40px;
    transition: background-position .5s;
}
.rss-icon-small:Hover {
    background-position:0px 0px;
}
.dev-progress-bar-wrapper {
    width:80%;
    height:1.5em;
    line-height:1.5em;
    position:relative;
    top:50%;
    box-shadow:0px 2px 4px #000000;
    margin-top:-.75em;
    display:inline-block;
    overflow:hidden;
    border-radius:3px;
    background-color:var(--blue-2);
}
.dev-progress-bar {
    height:inherit;
    position:relative;
    background-color:var(--blue-5);
}
.dev-progress-bar-text {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    text-align:center;
    font-size:16px;
}
.full-width-da {
    width:1070px;
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
}
.full-width-da ins {
    display:block;
    width:1070px;
    text-align:center;
}
.inline-mobile-hide {
    display:inline-block;
}
#newsResizeTwitter {
    width:347px;
    display:inline-block;
}

#cookiePolicy {
    position: fixed;
    bottom: 20px;
    height: 72px;
    width: 426px;
    background-color: var(--blue-0);
    border: 2px solid var(--blue-2);
    left: 50%;
    margin-left: -225px;
    border-radius: 10px;
    padding: 10px;
    font-size: 14px;
    z-index:2;
    display:none;
}
#cookiePolicy > .cookieCopy {
    width: 250px;
    padding-top: 0px;
    padding-left: 5px;
}
#cookiePolicy > a {
    position: absolute;
    right: 13px;
    bottom: 8px;
    width: 162px;
    text-align: center;
    color: var(--blue-4);
    text-decoration: underline;
}
#cookiePolicy > .button {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 150px;
    height: 44px;
    font-size: 16px;
    padding-top: 5px;
    line-height: 20px;
}


textarea {
    height:7.5em;
    resize:vertical;
    margin:0;
    box-sizing:border-box;
    font-family:inherit;
    background-color:var(--blue-3);
    border:0;
    border-radius:5px;
    outline:0;
    color:#FFFFFF;
    font-size:inherit;
    overflow:auto;
}
input {
    margin:0;
    box-sizing:border-box;
    font-family:inherit;
    background-color:var(--blue-3);
    border:0;
    padding:0px 4px;
    border-radius:5px;
    outline:0;
    color:#FFFFFF;
    font-size:inherit;
}
input::placeholder,
textarea::placeholder {
    color:var(--blue-5);
    font-size:inherit;
    font-style:italic;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    box-shadow: 0 0 0 100px var(--blue-3) inset;
    -webkit-text-fill-color:#FFFFFF;
}

@media screen and (max-width: 1090px) {
    .full-width-da, .full-width-da ins {
        width:570px;
    }
    .mobile-break-left {
        clear:left;
    }
    .mobile-break-right {
        clear:right;
    }
    .mobile-hide, .inline-mobile-hide {
        display:none;
    }
    #page-wrapper {
        width:570px;
    }
    .content-box-content {
        width:570px;
    }
    .content-box-header {
        width:570px;
    }
    .more-box {
        height:375px;
        line-height:375px;
    }
    #header {
        width:570px;
    }
    #logo-link {
        margin-right:22px;
    }
    #logo {
        margin-top:4px;
        margin-bottom:4px;
    }
    #menu {
        height:40px;
    }
    #menu .item {
        margin:0;
        margin-right:16px;
        height:40px;
        line-height:40px;
    }
    #menu .item:last-of-type {
        margin-right:0;
    }
    #zanz-sez {
        left:0;
        width:100%;
        font-size:14px;
        position:absolute;
        text-align:center;
        padding-top:2px;
        top:40px;
    }
    #user-bar-wrapper {
        width:100%;
        text-align:center;
        background-color:var(--blue-0);
    }
    #user-bar {
        display:block;
        border-radius:0;
        text-align:center;
        width:570px;
        margin-left:auto;
        margin-right:auto;
    }
    #user-bar > .content {
        width:570px;
        text-align:right;
    }
    #user-bar .profile {
        float:left;
    }
    #user-bar > .content .item.icon {
        padding-left:10px;
    }
    #user-bar > .content .item.separator {
        padding-left:10px;
    }
    #user-bar .drawer {
        margin-right:-10px;
    }
    .footer-column {
        width:180px;
        margin-left:5px;
        margin-right:5px;
    }
    body, html {
        background-image:url("../img/background-mobile.png");
    }
    
    .game-box .game-box-title {left:0;}
    .game-box .game-box-description {right:0;}
    
    .game-box2 .game-box-title,
    .game-box5 .game-box-title,
    .game-box-youtube .game-box-title {bottom:0;}
    
    .game-box-youtube .game-box-title {font-size:14px;}
    
    .game-box1 {
        width:251.5px;
        height:188.625px;
    }
    .game-box2 {
        width:166px;
        height:124.5px;
    }
    .game-box3 {
        width:508px;
        height:100px;
    }
    .game-box4 {
        width:251.5px;
        height:250px;
    }
    .game-box5 {
        width:123.2px;
        height:92.4px;
    }
    .game-box-youtube {
        width:166px;
        height:93.375px;
        margin-top:5px;
        margin-bottom:0px;
    }
    .more-box-main {
        height:447.625px;
        line-height:437.625px;
    }
    .more-box-posts {
        height:310px;
        line-height:300px;
    }
    .more-box-youtube {
        height:384.125px;
        line-height:374.125px;
    }
    .more-box-projects {
        height:505px;
        line-height:495px;
    }
    .more-box-twitter {
        height:280px;
        line-height:270px;
    }
    .more-box-experiments {
        height:384.75px;
        line-height:374.75px;
    }
    #youtube-box {
        width:508px;
        height:285.75px;
    }
    .game-box-cover {
        height:100px;
    }
    .twitter-timeline {
        width:100%;
    }
    #newsResizeTwitter {
        width:100%;
    }
}