body {
    display: flex;
	align-items: center;
	justify-content: center;
    font-size: 20vw;
    height: 44vw;
    text-shadow: 1px 1px 0 white, 3px 3px 0 black;
    animation-name: glow;
    animation-duration: 5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-delay: 0ms;
    font-family: 'Times New Roman', Times, serif;
}



@font-face {
    font-family: "Boxes01";
    src: 
        local("A Box For"), url("../assets/sygils/A\ Box\ For.ttf");
}

@keyframes glow {
    0% {text-shadow: 0 0 10px rgb(255, 181, 175);}
    100% {text-shadow: 0 0 10px rgb(255, 246, 165);}
}

.pull {
    color: aqua;
}

.my {
    color: burlywood;
}

.hair {
    color: darkgreen;
}

.touch {
    color:fuchsia;
}

.face {
    color:coral;
}

.put {color: lawngreen;}

.tongue {color: mediumvioletred;}

.on {color: blueviolet;}

.her {color: khaki;}

.waist {color: darkgoldenrod;}

.i {color: darkcyan;}

.want {color: forestgreen;}

.sex {color: deeppink; font-family: "Boxes01", sans-serif; font-size: 200%;}

.cuz {color: dodgerblue;}

.its {color: dimgrey;}

.real {color: lightsalmon;}

.so {color: darkslateblue;}

.good {color: magenta;}

.how {
    color: mediumspringgreen;
}

.you {color: darkslategrey;} 

.feel {color: orange;}

.error {
    color: rgb(255, 0, 0);
    cursor: pointer;
    font-size: 125%;
    mix-blend-mode: color-dodge;
}

.error2 {
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 125%;
    mix-blend-mode: color-dodge;
}

.ocean {
    color: rgba(255, 187, 255, 0.61);
    font-style: italic;
}

#FAIL {
    display: flex;
    position: fixed;
    width: 100%;
    bottom: 0;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    font-size: 4vw;
}