@font-face {
    font-family: 'ibm';
    src: url('fonts/IBMPlexMono-Bold.ttf');
}
html{
    margin:0;
    padding:0;
    background-color: #070707;
    box-shadow: 0px 0px 225px #262922 inset;
    height:100%;
}

body{
    margin:0;
    padding:0;
    text-align:center;
    height:100%;
}
#machines{
	padding-top:4vw;
	animation: 0.3s ease-in-out both phosphor;
}
#miners{
	animation: 0.3s ease-in-out both phosphor;
}
.mt{
	color:white;
	font-size:1.1em;    
	overflow-wrap:break-word;
}
#hrc{
	display:flex;
}

#hr{	
	mask-image: linear-gradient(rgba(0,0,0,0.15) 0% , rgba(0,0,0,0.7) 100%);
	position:absolute;
	bottom:0px
}
#date{
	padding-top:1em;
	font-size:10em;
	color:#bbb;
}

.acd{
	animation: 0.09s ease-in-out phosphor;
}

.acdr{
	animation: 0.09s ease-in-out reverse rphosphor;
}


#ci{
	position:relative;
	top:-1.32em;
}

@keyframes rphosphor{
   0%{opacity: 0}
   100%{opacity : 0.7}
}

@keyframes phosphor{
   0%{opacity: 0}
   100%{opacity : 0.7}
}

p {
	margin: 0;
	padding: 0;
	display: block;
    	font-family: 'ibm', monospace;
	text-shadow: 0.0em 0.0em 0.0 0.05em white;
}
.host{
	display:inline-block;
	text-align:center;
	margin: 4px;
	padding: 4px;
	border: 2px solid white;
}

.hostup{
	background-color:#67f258;
	color:#000;
}
.hostdown{
	background-color:#f27458;
	color:#000;
}
.hostblack{
	background-color:#000;
	color:#fff;
}