html,body{overflow-x:clip;font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}body{margin:0;background-color:#111}.web-link{display:flex;align-items:center;gap:12px;color:#ffffffe0;text-decoration:none;transition:transform .25s ease,color .25s ease;font-size:.98rem}.web-link:hover{color:#fff;transform:translateY(-2px)}.component-wrapper{padding:8px 16px;margin-bottom:16px}h1,h2,h3,h4,h5,h6{font-family:Segoe UI,Arial,sans-serif;font-weight:400;margin:10px 0}.my-h1{font-family:monospace;color:red;font-size:3rem}.my-h2{font-family:monospace;color:red;font-size:1.8rem}.my-h3{font-family:monospace;color:red;padding-top:8px;padding-left:10px}@media(max-width:700px){.component-wrapper{padding-left:24px}.my-h1{font-size:1.8rem}.my-h2{font-size:1.5rem}.my-h3{font-size:1.3rem}}@media(max-width:1024px)and (orientation:portrait){.my-h1{font-size:32px}}@media(max-width:1024px)and (orientation:landscape){.my-h1{font-size:40px}}