/* Digital Clock in Oracle APEX */
/* Author: Akil R */
/* Version: 1.0 */


@import url("https://fonts.googleapis.com/css?family=Orbitron|Audiowide|Artifika|Farro|Geostar Fill|Do Hyeon");

.clock-default{
	border:none !important;
    font-family:orbitron !important;
    letter-spacing:5px !important;
    font-weight:bold !important; 
    font-size: 2rem !important;	
}
.clock-width-height{
    width:max-content !important;
	height:max-content !important;
}
.clock-small{
    padding: 10px 10px 10px 10px !important;
	font-size: 30px !important;
	letter-spacing: 5px !important;
	line-height: 30px !important;		
}
.clock-large{
    padding: 10px 10px 10px 10px !important;
	font-size: 60px !important; 
    letter-spacing: 10px !important;
	line-height: 60px !important;	
}
.clock-accent1{
    color: #16e972 !important;
	background-color: #000000 !important;
	border-color: #ffffff !important;
	border-style: none !important;
	font-family: orbitron !important;
}
.clock-accent2{
    color: #000000 !important;
	background-color: #e7ba05 !important;
	border-color: #000000 !important;
	border-style: double !important;
	font-family: audiowide !important;
	text-shadow: 0.5px 0.5px #ffff !important;
}
.clock-accent3{
    color: #ffffff !important;
	background-color: #06bcfb !important;
    background-image: linear-gradient(315deg, #06bcfb 0%, #4884ee 74%) !important;
	border-color: #000000 !important;
	border-style: groove !important;
	font-family: artifika !important;
    text-shadow: 1.5px 1.5px #000000!important;	
}
.clock-accent4{
    color: #ffffff !important;
	background: linear-gradient(to right, rgb(80, 201, 195), rgb(150, 222, 218)) !important;
	border-color: #000000 !important;
	border-style: outset !important;
	font-family: Farro !important;	
	text-shadow: 2px 2px #000000 !important;
}
.clock-accent5{
    color: #FF0000 !important;
	background-color: #485461 !important;
    background-image: linear-gradient(315deg, #485461 0%, #28313b 74%) !important;
	border-color: #000000 !important;
	border-style: none !important;
	font-family: Do Hyeon !important;
    text-shadow: 0.5px 0.5px #ffff !important;	
}
.clock-accent6{
    color: #ffffff !important;
	background-color: #008080 !important;
	border-color: #000000 !important;
	border-style: solid !important;
	font-family: orbitron !important;	
	text-shadow: 2px 2px #000000 !important;
}