@font-face {
	font-family: "avaluna";
	src: url("../fonts/avaluna.ttf");
	font-weight: normal;
	font-style: normal;
}
:root {
        --redC: #FF0000;
        --redP: -50.523%, -49.782%;
        --redO: .67;
        --greenC: #00FF00;
        --greenP: -49.213%, -50.439%;
        --greenO: .82;
        --blueC: #0000FF;
        --blueP: -50.275%, -49.484%;
        --blueO: .65;
}
body {
        background: #000;
        width: 100vw;
        height: 100vh;
        position: relative;
        margin: 0;
        padding: 0;
}
div {
        text-align: center;
        white-space: pre;
        font-family: "avaluna";
        font-size: min(13vw, 25vh);
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
span {
        margin: 0;
        padding: 0;
}
#red {color:var(--redC);opacity:var(--redO);transform: translate(var(--redP));}
#green {color:var(--greenC);opacity:var(--greenO);transform: translate(var(--greenP));}
#blue {color:var(--blueC);opacity:var(--blueO);transform: translate(var(--blueP));}
#white {color:#fff;}