* {margin:0px; padding:0px;}
body {
	background:#111 url("/images/backgrounds/bg.jpg") no-repeat center center fixed;
	background-size: cover;

			
	color:#ddd;
	font-family:arial;
	width:100%; height:100%;
	}



.wrapper {width:100%;height:100%;position:fixed; z-index:10;
background:url("/images/digitized-dotted.png");
}
.shortinfos {font-size:10pt;}

.shortinfos ul {list-style:none; width:auto; margin:0px; padding:0px;}
.shortinfos ul > li {width:auto; margin:5px;}

.shortinfos .line {	
	padding:2px 5px 2px 5px;
	background:rgba(0,0,0,0.5);
	color:#777;
	display:inline;
	width:auto;
	}
	
.shortinfos .line span {color:#bbb;}
.layer01 {position:fixed; width:100%;height:100%; z-index:5;}	

.bigstring {  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);	
    }
.bigstring > #time {font-size:120pt; font-weight:bold; opacity:0.3; text-shadow:2px 2px 10px #000; font-family: 'Nova Mono';}

.smallinfo02 {font-size:35pt; opacity:0.3; text-shadow:2px 2px 10px #000; font-family: 'Nova Mono'; font-weight:bold;}

.reflist {background:#111; border:2px solid #333; margin:15px; border-radius:10px; max-width:300px; overflow:hidden; box-shadow:1px 1px 10px rgba(0,0,0,0.5);}
.reflist > h2 {padding:5px 15px 5px 15px; background:#222; font-size:15pt;}
.reflist > .txt {padding:15px;}
.reflist ul {list-style:none;}
.reflist ul li {font-size:13pt;}
.reflist a {color:#ddd; text-decoration:none;}
.reflist a:hover {color:#fff; text-decoration:underline;}

@media screen and (max-width:1024px) {
	
	.bigstring > #time {font-size:80px;}
}
@media screen and (max-width:768px) {
	
	.bigstring > #time {font-size:60px;}
}