body{background-color:#ff69b4}h1{background-color:#8b008b;color:khaki}@media screen and (max-width:768px){h2{margin-left:20px}h2,h3{background-color:#9932cc;color:#87ceeb;padding-left:4px}h3{margin-left:40px}div.div1{color:#191970;margin-left:20px}div.div2{color:#191970;margin-left:30px}div.div3{color:#191970;margin-left:40px}.div2 img{max-height:300px;max-width:300px;-o-object-fit:contain;object-fit:contain}}@media screen and (min-width:769px){h2{margin-left:60px}h2,h3{background-color:#9932cc;color:#87ceeb;padding-left:4px}h3{margin-left:120px}div.div1{color:#191970;margin-left:60px}div.div2{color:#191970;margin-left:120px}div.div3{color:#191970;margin-left:180px}}img.scr-shot{margin-bottom:8px;margin-top:8px}div.talk{align-items:center;display:flex;margin-bottom:1px;margin-top:1px}div.face-container{width:100px}div.baloon{background-color:#f8f8f8;border-radius:16px;padding:12px 16px 16px}div.baloon-tail{background-color:#f8f8f8;clip-path:polygon(0 50%,100% 0,100% 100%);height:15px;width:20px}div.code-b{background-color:#222;border-color:#888 #ddd #ddd #888;border-style:solid;border-width:1px;box-shadow:inset 1px 1px #111,inset -1px -1px #ddd;color:#ddd;display:inline-block;margin-bottom:12px;margin-top:12px;padding:16px 20px 20px}span.code-b{background-color:#111;box-shadow:inset 1px 1px 4px #fff;color:#eee;margin-left:6px;margin-right:6px;padding-left:8px;padding-right:8px}div.code-w,span.code-w{background-color:#eee;border-radius:8px;box-shadow:inset 2px 2px 5px #00000080;color:#111;padding-left:8px;padding-right:8px}span.code-w{margin-left:6px;margin-right:6px}span.font-x2{font-size:200%}