html{margin:0;padding:0;width:100%;height:100%;--main-color: #5F8B4C;--bg-color: #FFDDAB;--text-col: #945034;--secondary-col: #FF9A9A;--neutral: white}body{width:100%;height:100%;margin:0;padding:0;background-color:var(--bg-color);font-family:courier-new,monospace;font-size:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{transform:translate(-100px)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(100px)}to{transform:translate(0)}}@keyframes slideTop{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes slideBottom{0%{transform:translateY(100px)}to{transform:translateY(0)}}