body{
    margin:0;
    min-height: 100%;
    /* min-width: 100%; */
    width: 100%;
    /* height: 100%; */
}

#app,
#main{

}

.time_formatted {
	--time-col-width: auto;
	--time-delimiter-width: auto;
	--time-delimiter-line-height: auto;
	--time-line-height: auto;
	/* display: flex; */
	justify-content: center;
	display: grid;
	grid-template-columns: 1fr var(--time-delimiter-width) 1fr;		
	line-height: var(--time-line-height);
}

.time_formatted_minutes {
	display: flex;
	justify-content: flex-end;
	min-width: var(--time-col-width);
}

.time_formatted_delimiter {
	display: flex;
	justify-content: center;
	min-width: var(--time-delimiter-width);
	line-height: var(--time-delimiter-line-height);
}

.time_formatted_seconds {
	display: flex;
	min-width: var(--time-col-width);
}