/* MASK GAME
/////////////////////////////////////////////////////// */

.mask { 
	width: 100%;
    height: auto;
	position: relative; }

.mk-cl { 
	width: 50%;
	height: 50vw;
    top: 0;
	left: 25%;
    border: dashed 0.75vw;
    border-bottom: transparent;
    border-radius: 50% 50% 0 0;
	position: absolute; }

.mk-bg { 
	width: 100%;
	height: 100vh;
    top: 0;
    left: 0;
	position: absolute; }

#timeline .mk-cl {
    border-color: var(--green);}

#quiz .mk-cl {
    border-color: var(--lilac); }

#words .mk-cl {
    border-color: var(--pink); }

#memory .mk-cl {
    border-color: var(--blue); }

/* STYLE
/////////////////////////////////////////////////////// */