* {box-sizing: border-box;}
body {
	background: #fcfcfc;
	font-family: "΢ÈíÑźÚ";
	font-size: 16px;
}
a {

  text-decoration: none;
  -moz-transition: 0.1s all ease-in-out;
  -o-transition: 0.1s all ease-in-out;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
}
a:hover {
  color: #fcfcfc;
}
.colorchange {
  color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

nav {
  background: #FFFFFF;
  align-items: center;
  height: 56px;
  font: 18px Rokkitt;
  position: fixed;
  text-transform: uppercase;
  width: 100%;
}
#userPLink {
  position: relative;
}
nav a, #sideMenu {
  margin: 0;
  text-shadow: 1px 0px 2px #212121;
} 
#userMenuToggle {
  position: absolute;
  right: 0;
}
ul#userMenu {
  background: #202020;
  list-style: none;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
}
#userMenu li {
  display: block;
  padding: 5px 10px;
  text-align: left;
  width: 100px;
}
ul#userMenu li a::after {
  content: attr(title);
}
#userMenu li a:hover, #sideMenuContainer > a:hover {
  padding-left: 3px
}

#scrollingNews {
  color: #fcfcfc;
}

#sideMenu {
  color: #f06060;
  float: right;
  z-index: 0;
}
#sideMenuContainer {
    color: #FFFFFF;
	height: 100%;
	position: fixed;
	top: 56px;
	right: -180px;
	width: 180px;
	font-family: "΢ÈíÑźÚ";
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: 00409F;
}
#sideMenuContainer h2 {
    color: #FFFFFF;
  font: 16px 'PT Sans', ΢ÈíÑźÚ;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#sideMenuContainer > a {
  color: #FFFFFF;
  display: block;
  padding: 2px 2px;
}
#sideMenuContainer > a::after {
  color: #FFFFFF;
  content: attr(title);
  font: 16px 'PT Sans', ΢ÈíÑźÚ;
  padding-left: 10px;
  text-transform: uppercase;
}

#logo {
  display: block;
  font: 700 48px Helvetica, Arial, sans-serif;
  letter-spacing: 10px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  top: 100px;
  left: 0;
}
#logo span {
  display: block;
  font-size: 12px;
  letter-spacing: 7.5px;
}

#sourceCode {
  position: absolute;
  top: 50%;
  margin: 0 auto;
}
.img { height: auto; width: auto\9; width:100%; }