*{margin:0;padding:0}.canva{background:beige;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.container{box-sizing:border-box;flex-direction:column;align-items:center;display:flex;position:relative}.cauldronBody{background:#696969;border-radius:50px;width:75px;height:70px;position:absolute;top:0}.cauldronLid{background-color:#696969;border:1px solid beige;border-radius:50%;justify-content:center;width:70px;height:35px;display:flex;position:relative;top:-5px}.outerLid{box-sizing:border-box;border:10px solid #696969;border-radius:50%;width:70px;height:35px;position:absolute}.innerLid{background-color:beige;border-radius:50%;width:50px;height:15px;position:absolute;top:14px}.cauldronLegs{border-top-color:#696969;justify-content:space-between;width:55px;display:flex;position:absolute;top:60px}.leg{background-color:#696969;border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:10px;height:15px}#leg1{transform:skew(-10deg)}#leg2{transform:skew(10deg)}.ladle{background-color:#696969;border:1px solid beige;border-top-left-radius:5px;border-top-right-radius:5px;width:5px;height:40px;animation:3s linear infinite rotateLadle;position:absolute;top:-26px}.bubbles{justify-content:center;align-items:end;width:50px;height:100px;display:flex;position:absolute;top:-80px}.bubbleContainer{justify-content:center;align-items:end;width:100%;height:100%;display:flex;position:relative}.bubbleBound{box-sizing:border-box;align-items:end;display:flex;position:absolute}#bubbleBound1{width:10px;height:10px;left:10px}#bubbleBound2{width:20px;height:20px;left:20px}#bubbleBound3{width:15px;height:15px;left:30px}.bubble{box-sizing:border-box;border:2px solid beige;border-radius:50%}.opaqueBackground{opacity:.5;background:beige;border-radius:50%;width:100%;height:100%}#bubble1{animation:6s ease-in-out 2s infinite animateBubble}#bubble2{animation:5s ease-in-out 1s infinite animateBubble}#bubble3{animation:4s ease-in-out infinite animateBubble}@keyframes animateBubble{0%{transform:scale(0)}15%{border-color:#696969;width:100%;height:100%;transform:scale(1)translateY(-5px)}95%{border-color:#696969;width:100%;height:100%;transform:translateY(-100px)}99%{width:100%;height:100%;transform:translateY(-100px)scale(1.2)}to{width:100%;height:100%;transform:translateY(-100px)scale(0)}}@keyframes rotateLadle{0%{transform:translate(20px,2px)rotate(15deg)}25%{transform:translateY(-1px)rotate(0)}50%{transform:translate(-20px,2px)rotate(-15deg)}75%{transform:translateY(5px)rotate(0)}to{transform:translate(20px,2px)rotate(15deg)}}