:root{--color-B: #ccffcc;--color-A: #ffdd99;--color-E: #ffccf7;--color-M: #eeccff;--color-R: #e9e6ff;--color-B-dark: #6fd43d;--color-A-dark: #f8b709;--color-E-dark: #ff818d;--color-M-dark: #9f51dc;--color-R-dark: #c346e7;--color-bg: #319df8;--color-border: #2b2ea3}*,*:before,*:after{box-sizing:border-box}body{font-family:sans-serif;margin:0;padding:0}a{color:#053264;text-decoration:none}.main-body{position:relative;z-index:100;width:80%;max-width:600px;min-height:90vh;margin:100px auto;background-color:#fff;box-shadow:inset 0 0 5px #6e73d5b3,0 0 0 5px #6e73d5,0 0 0 10px #fff,0 0 0 15px #42e6d5,0 0 0 20px #fff,0 0 0 25px #fff6,0 0 20px 15px #183665b3;border-radius:10px;padding:20px}