.body{max-width:100%;margin:3vw;height:auto;box-sizing:border-box;color:#000;font-family:sans-serif;border-radius:25px;box-shadow:0 0 30px #327e8d;padding:20px}.body ul{font-size:1.7em}.body p{font-size:30px;margin-bottom:-20px}html{height:100%}h2{font-size:7vh;padding-top:20px;padding-left:15px;text-decoration:underline}.serpent{color:#fff;font-family:Monotype Corsiva;font-size:10vh;justify-content:center;text-align:center;padding:0;letter-spacing:20px}.header{display:flex;align-items:center;justify-content:center;position:absolute;height:20vh;max-width:100%;min-width:100%;margin:auto;text-align:center;border-radius:50px;z-index:1}.card .card-image{height:20vh;width:100%;border-radius:30px;border:2px snow}.card{position:relative;max-width:100%}.container{width:100%;transition:.5s}.container.dark{background-color:#353535}.container.light{background-color:#fff}.container.dark .body{background-color:#272727;color:#fff;text-shadow:0px 0px 40px #ffffff}.container.light .body{background-color:#f3f3d2;color:#000;text-shadow:0px 0px 40px #000000}*{margin:0}.navbar{max-width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 7%;margin:0}.horizontal-line{border-bottom:1px solid black;width:100%;margin:10px 0}.logo{height:10vh;cursor:pointer}.ull{list-style:none;text-align:center;padding-right:70px}.ull li{display:inline-block}.toggle-icon{width:50px;cursor:pointer}.learn,.play,.feedback{display:inline-block;position:relative;z-index:1;overflow:hidden;padding:20px 8px;width:100px;text-decoration:none;color:inherit;font-family:sans-serif;cursor:pointer;font-size:20px;margin:0 50px}.learn:before,.play:before,.feedback:before{content:"";display:block;position:absolute;inset:0;background-color:#747571;transform:scaleX(0);transition:transform .3s ease;z-index:-1;transform-origin:left}.learn:hover:before,.play:hover:before,.feedback:hover:before{transform:scaleX(1);transform-origin:left}.container.dark .ull{color:#fff;font-weight:700}.container.light .ull{color:#000;font-weight:700}.learn.active,.play.active,.feedback.active{background:gray}h1{display:flex;justify-content:center;font-family:sans-serif}p{font-family:sans-serif;padding:30px;font-size:larger}.feedbackbox{border:1px solid black;width:40vw;height:75vh;justify-self:center;justify-content:center;margin-top:25px;padding-top:20px;border-radius:10px}