@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

html {
    margin:0;
    padding: 0;
}

body{
	padding:0;
	margin:0;
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size:.8em;
	background-color: #FFFCFC;

}

div.center { 
	margin: 0 auto;
	width: 100%;
    text-align: center;
}

#content {
    display: table-cell;
    vertical-align: auto;
	padding-top: 10%;
	overflow-x: hidden;
	float: left;
	width:100%;
	margin-bottom: 0;
}

#timer {
    font-family: 'Inconsolata';
    font-size: 3.5em;
    position: relative;
}

#subs{
    font-family: 'Inconsolata';
    font-size: .1em;
    position: absolute;
    right: .3em;
    bottom: -.5em;
    text-align: right;
}


#days, #hours, #minutes, #seconds {
    position: relative;
    width: 1em;
}

#since {
    padding:2.8em 0 2em;
    font-family: 'Raleway', sans-serif;
    font-size: 1.5em;
    width: 80%;
}

#message {
    font-family: "Lobster", cursive;
    font-size: 3em;
    padding: 10x 0;
    width:90%
}