/* CSS Document */

    :root {
        --color-background: #000119;
        --stroke-width: calc(1em / 16);
        --font-weight: 700;
        --letter-spacing: calc(1em / 8);
    }

    @font-face {
        font-family: 'clockfont';
        src: url('../fonts/digitaldreamfat-webfont.woff2') format('woff2'),
             url('../fonts/digitaldreamfat-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @use postcss-preset-env {
        stage: 0;
    }

    .clock {
        background: black;
        border-radius: .2em;
        //box-shadow: rgba(200, 200, 150, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(240, 228, 190, 0.35) 0px -2px 6px 0px inset;
        //box-shadow: rgba(155, 100, 50, 0.6) 0px 0px 0px 2px, rgba(155, 100, 50, 0.8) 0px 4px 6px -1px, rgba(155, 55, 50, 0.8) 0px 1px 0px inset;
        box-shadow: rgba(50, 100, 50, 0.6) 0px 0px 0px 2px, rgba(50, 100, 50, 0.8) 0px 4px 6px -1px, rgba(50, 55, 50, 0.8) 0px 1px 0px inset;
        //color: #daf6ff;
        color: #00d100;
        font-family: 'clockfont', monospace;
        font-size: 0.9em;
        letter-spacing: 0.05em;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        text-shadow: 0 0 20px rgba(10, 230, 30, 1),  0 0 20px rgba(10, 230, 30, 0);
        width: 98%;
    }

    .header1 {
        font-size: 2em;
    }

    .header2 {
        font-size: 1.8em;
    }

    .header3 {
        font-size: 1.6em;
    }
    
    .image-text {
	   font-size: 2.7em;
	   text-align: center;
	   -webkit-background-clip: text;
  	   -webkit-text-fill-color: transparent;	
	   background-image: url(rpbgripple.jpg);
	   background-size: auto;
	   background-attachment: unset;
	   background-position: 0%;
    }
    
    .stroke-rainbow {
        background-clip: text;
        background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
        color: var(--color-background);
        font-size: 1.2em;
        font-weight: var(--font-weight);
        letter-spacing: var(--letter-spacing);
        padding: calc(--stroke-width / 2);
        -webkit-text-stroke-color: transparent;
        -webkit-text-stroke-width: var(--stroke-width);
    }