/*
 * Gadgety.Net
 *   Author: Shinta
 */

 @font-face {
	font-family: "Euclid Circular A Bold";
	src: url("../fonts/EuclidCircularA-Bold.woff2") format("woff2"), /* chrome、firefox */
	url("../fonts/EuclidCircularA-Bold.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

/* Text elements */
body {
    font: normal 16px/1.5em "Helvetica Neue",Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6,strong {
    font-weight: bold;
}

nav li,nav li a {
    display: inline-block;
}

ul,ol {
    list-style: none;
}

::-moz-selection {
    color: #fff;
    background: #0778ec;
}

::selection {
    color: #fff;
    background: #0778ec;
}

/* Links */
a {
    text-decoration: none;
    color: #FFC408;
    -webkit-transition: color .12s linear;
    -moz-transition: color .12s linear;
    -o-transition: color .12s linear;
    transition: color .12s linear;
}

a:hover,a:focus {
    color: #FBE251;
}


.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 30px 30px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: left;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{

}
.container > header h2, p.info{
	font-size: 16px;
	font-style: italic;
	color: #f8f8f8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

/* logo */
#logo {
	padding: 50px 0
}

.details {
}

.links {
	padding: 30px 0
}

/* Date and Time */
.clock {
  width:300px;
  margin:0 auto;
  padding:5px;
  color:#fff;
}

#Date {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align:center;
  text-shadow:0 0 5px #00d8ff;
}

#Time {
  width:300px;
  margin:15px auto 5px auto;
  padding:0px;
  list-style:none;
  text-align:center;
}

#Time li {
  display:inline;
  font-size:40px;
  font-weight: bold;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 6px #00d8ff;
}

#point {
  position:relative;
  -moz-animation:mymove 1s ease infinite;
  -webkit-animation:mymove 1s ease infinite;
  padding-left:10px;
  padding-right:10px;
}

/* Footer */

.copyright {
    font-size: 14px;
    margin: 5px auto;
    text-shadow: 0 1px 2px hsla(0,100%,100%,.20);
}