@font-face{font-family:'BebasNeueRegular';src:url('CSS3-digital-clock/BebasNeue-webfont.eot');src:url('CSS3-digital-clock/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('CSS3-digital-clock/BebasNeue-webfont.woff') format('woff'),url('CSS3-digital-clock/BebasNeue-webfont.ttf') format('truetype'),url('CSS3-digital-clock/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal;font-display:optional}.yours{margin-top:60px}.vierkant{height:750px}.clock{background:#2196f3;border-radius:15px;width:70%;margin:0 auto;padding:30px;border:1px solid #333;color:#fff}.clock #Date{font-family:'BebasNeueRegular',Arial,Helvetica,sans-serif;font-size:36px;text-align:center;text-shadow:0 0 5px #00c6ff;margin-bottom:20px}.imageazan{width:300px;float:right;margin:3px 27px;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24)}.clock ul{width:70%;margin:0 auto;padding:0;list-style:none;text-align:center}.clock ul li{display:inline;font-size:4em;text-align:center;font-family:'BebasNeueRegular',Arial,Helvetica,sans-serif;text-shadow:0 0 5px #00c6ff}.clock #point{position:relative;-moz-animation:mymove 1s ease infinite;-webkit-animation:mymove 1s ease infinite;padding-left:10px;padding-right:10px}.worldoghat{direction:rtl;text-align:center;width:100%;margin:0 auto;margin-top:40px;line-height:31px;color:#2196f3;padding:0 10px}@media screen and (max-width:1630px){.clock ul li{font-size:3em}}@media screen and (max-width:13500px){.clock ul li{font-size:2.5em}.clock #Date{font-size:25px}}@media screen and (max-width:1220px){.clock ul li{font-size:2.3em}.clock #Date{font-size:21px}}@media screen and (max-width:550px){.clock ul li{font-size:2em}.clock #Date{font-size:20px}.clock{width:80%;margin:42px auto;padding:16px}.imageazan{width:90%;margin:12px 5%}}@media screen and (max-width:390px){.clock ul li{font-size:1.7em}.clock{width:94%;margin:42px auto;padding:16px}.clock #Date{font-size:20px;margin:10px}}@media screen and (max-width:320px){.clock ul li{font-size:1.5em}}@-webkit-keyframes mymove{0{opacity:1.0;text-shadow:0 0 20px #00c6ff}50%{opacity:0;text-shadow:none}100%{opacity:1.0;text-shadow:0 0 20px #00c6ff}}@-moz-keyframes mymove{0{opacity:1.0;text-shadow:0 0 20px #00c6ff}50%{opacity:0;text-shadow:none}100%{opacity:1.0;text-shadow:0 0 20px #00c6ff}}