body{
	width:100%;
	height:100vh;
}

.wrapper {
	position:fixed;
	width:100%;
	height:100vh;
	overflow:hidden;
    font-family: 'Kanit', sans-serif;
	font-weight:100;
}
.clock__bg {
    width: 100%;
    height: 100px;
    -webkit-transform: translateY(-50%) rotate(-45deg) scale(3);
    -moz-transform: translateY(-50%) rotate(-45deg) scale(3);
    -ms-transform: translateY(-50%) rotate(-45deg) scale(3);
    -o-transform: translateY(-50%) rotate(-45deg) scale(3);
    transform: translateY(-50%) rotate(-45deg) scale(3);
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center;
    position: absolute;
    top: 50%;
}

#clock{
	font-size:64px;
    font-family:inherit;
    font-weight:inherit;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}

.social {
    position: absolute;
    bottom: 20px;
    right: 20px;    
}

.social a{
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    color:inherit;
    padding:0 5px;
    transition:0.25s;
    display:inline-block;
}

.social a:hover{
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}