#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.oval{width:230px;height:130px;background-color:#fdff00;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.logo{width:212px;height:112px;background-color:#000;border-radius:50%;position:absolute}.o1{position:absolute;background-color:#fdff00;width:33px;height:70px;border-radius:50%;top:67px;left:44px;transform:rotate(-41deg)}.o2{position:absolute;background-color:#fdff00;width:33px;height:70px;border-radius:50%;top:67px;right:44px;transform:rotate(41deg)}.o3{position:absolute;background-color:#fdff00;width:38px;height:70px;border-radius:50%;top:73px;left:68px;transform:rotate(-15deg)}.o4{position:absolute;background-color:#fdff00;width:38px;height:70px;border-radius:50%;top:73px;right:68px;transform:rotate(15deg)}.o5{position:absolute;background-color:#fdff00;width:37px;height:40px;border-radius:50%;top:0;left:57px;transform:rotate(15deg)}.sq1{position:absolute;background-color:#fdff00;height:20px;width:20px;top:0;left:74px}.o6{position:absolute;background-color:#fdff00;width:37px;height:40px;border-radius:50%;top:0;right:57px;transform:rotate(15deg)}.sq2{position:absolute;background-color:#fdff00;height:20px;width:20px;top:0;right:74px}.ears{position:absolute;background-color:#fdff00;top:0;left:95px;width:11px;border-bottom:12px solid #fdff00;border-left:6px solid black;border-right:6px solid black;transform:rotate(180deg)}.camera{width:205px;height:155px;background-color:#d6d6d6;border-radius:15px;box-shadow:0 10px -13px #000;position:relative;display:flex;justify-content:center;align-items:center}.lens{width:125px;height:125px;background-color:#f5f5f5;box-shadow:0 8px silver;border-radius:50%;display:flex;justify-content:center;align-items:center}.innerLens{width:105px;height:105px;background-color:#00695c;border-radius:50%;display:flex;justify-content:center;align-items:center}.innerLens2{border-top:31px solid #00897b;border-bottom:31px solid #80cbc4;border-left:31px solid #26a69a;border-right:31px solid #4db6ac;border-radius:50%}.flash{position:absolute;width:20px;height:20px;background-color:#f5f5f5;box-shadow:0 4px silver;border-radius:50%;right:15px;top:15px}.button{position:absolute;width:30px;height:5px;background-color:#00695c;border-radius:60%;left:16px;top:-5px}.coffeeMug{position:relative;width:150px;height:150px;background-color:#3f2616;border-radius:50%;box-shadow:0 0 0 10px #442918,0 0 0 25px #3c2415,0 0 0 42px #fe9407,0 0 0 65px #feaa3a,0 120px 0 -25px #3c2415,100px 70px 0 -25px #3c2415,80px 140px 0 -10px #3c2415,0 210px 0 -55px #3c2415,20px 250px 0 -65px #3c2415}.coffeeMug:before{content:"";position:absolute;height:75px;width:60px;background-color:#e49934;top:-83px;right:-78px;border-radius:5px;transform:rotate(45deg)}.diamond{position:relative;width:200px;height:200px;transform:rotate(45deg)}span:nth-child(1){position:absolute;top:0;left:0;width:0;height:0;border-top:50px solid transparent;border-right:50px solid #20bc7d;border-bottom:50px solid #26c893;border-left:50px solid transparent}span:nth-child(2){position:absolute;top:0;left:50%;width:0;height:0;border-top:50px solid #1fb67c;border-right:50px solid #20bc7d;border-bottom:50px solid #26c893;border-left:50px solid #55ddb9}span:nth-child(3){position:absolute;top:50%;left:0;width:0;height:0;border-top:50px solid #1fb67c;border-right:50px solid #20bc7d;border-bottom:50px solid #26c893;border-left:50px solid #55ddb9}span:nth-child(4){position:absolute;top:50%;left:50%;width:0;height:0;border-top:50px solid #1fb67c;border-right:50px solid #20bc7d;border-bottom:50px solid #26c893;border-left:50px solid #55ddb9}.card{width:0;height:0;border-top:100px solid #eee;border-right:170px solid #ddd;border-bottom:100px solid #ccc;border-left:170px solid #ccc}.heart{margin-top:10px;width:75px;height:75px;background-color:#ff3838;transform:translate(-50%,-50%) rotate(45deg);animation:heartbeat 1.4s linear infinite}.heart:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:red;transform:translateY(-50%);border-radius:50%}.heart:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:red;transform:translate(-50%);border-radius:50%}@keyframes heartbeat{0%{transform:translate(-50%,-50%) rotate(45deg) scale(1)}25%{transform:translate(-50%,-50%) rotate(45deg) scale(1)}30%{transform:translate(-50%,-50%) rotate(45deg) scale(1.4)}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}70%{transform:translate(-50%,-50%) rotate(45deg) scale(1.4)}to{transform:translate(-50%,-50%) rotate(45deg) scale(1)}}.pepsi{height:300px;width:300px;background-color:#34588e;border-radius:50%;border:10px solid white;position:relative;overflow:hidden}.pepsi:before{content:"";position:absolute;height:500px;width:500px;border-radius:25%;background-color:#fff;top:-258px;left:-238px;transform:rotate(-104deg)}.pepsi:after{content:"";position:absolute;height:500px;width:550px;border-radius:50%;background-color:red;top:-287px;left:-262px}.drawings-container{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;padding-bottom:200px}.drawing-item{display:flex;justify-content:center;align-items:center;flex:1 1 calc(50% - 50px);box-sizing:border-box;padding-bottom:50px}@media (max-width: 800px){.drawing-item{flex:1 1 100%}}.drawings-header{font-family:Dancing Script,cursive;font-size:100px;margin-bottom:100px;color:#fff;text-shadow:1px 1px 1px #333}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#119cd4}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background:#119cd4}a:hover{color:#747bff}button{background-color:#f9f9f9}}