Slidding On Ice

Day 12: A man came to my home todya. He asked me for my toaster then he left. I checked a day later and my toaster was gone. If found please call 777-9086-998

Day 13: the toaster is still gone, the ice is melting. I need help. Please.

Day 17: the toaster is back, a lizard was in it. His name is frank.

Day 18: THE LIZARD STOLE MY TOASTER AGAIN

Day 19: WHY THEY WANT MY TOASTER

Day 400: it has been many days. This is very rat toatser. Please send samllest man availabel

Day 402: Man was not small enough. RIP

Scrollable HTML Comment Box Code

This is first comment.

This is second comment.

This is third comment.

This is fourth comment.

This is fifth comment.

This is sixth comment.

HTML Tutorial

This is a heading

This is a paragraph.

ody { animation-name:rainbow-bg; animation-timing-function:linear; animation-duration:20s; animation-iteration-count: infinite; cursor:url(images/Red\ sword.cur), crossh air; } @keyframes rainbow-bg { 0% {background-color: #FFCCFF;} 25% {background-color: yellow;} 50% {background-color: blue;} 75% {background-color: green;} 100% {background-color: #FFCCFF;} } .rainbowheading { background-image: linear-gradient(to right, indigo, blue, yellow, orange, red); -webkit-background-clip: te xt; backgroun d-clip: text; color: transparent; font-family: "papyrus"; text-align:center; } @keyframes shaking { 0% {margin-left: 6 px;} 50% {margin: auto;} 100% {margin-right: 6px;} } div.shaking { position: abso lute; margin: auto; width:100%; } .shaking{ animation-name: shaking; animation-timing-function: linear; animation-durati on: 0.5s; animation-iteration-count: infinite; text-align: center; } @media (pointer:no ne), (pointer:coarse) { .shaking{ animation: none; } } p { text-align:center; font-family: "Comic Sans MS"; } h3 { text-alig n:center; font-family: "Comic Sans MS"; } .explosions { text-align:center; margin-top:40px; } img.explosions { width: 10%; height: auto; margin-left: 2.5%; margin-right: 2.5%; } div.underconstructionsign { background-image: url(i mages/brick-light.png); } img.underconstructionsign { display: block; m argin-left: auto; margin-right: auto; } .flexbox-interests { display:flex; flex-direction:row; position: static; margin: auto; width:100%; justify-content: center; } .interest-image { text-align:center; display: block; margin:3%; width: 20%; height: auto; } img.interest-image { display: block; margin-left: auto; margin-right: auto; wi dth: 40%; height: auto; } .interest-text { display: block; margin:3%; width: 60%; height: auto; text-align:left; } footer { text-align:center; } div.badges { position: absolute; top: 10px; z-index: 3; } img.badges { width: 88px; height: auto; } #subwaysurfers { position: fixed; right: 0px; bottom: 0px; margin:4%; } /* This portion is for the little button that plays music Dont mess with this stuff unless you want to be sad */ div.audiocontrol { position: fixed; bottom:0px; left:0px; width:80px; height:40px; margin:2%; } button.audiocontrol { border: none; z-index:0; position:absolute; cursor: pointer; /*top:50px; left:90px;* / width: 100%; height: 100%; ba ckground-color:transparent ; } button.audiocontrol:hov er { background-color:transpa rent; } #musicbutton { z-inde x: 4; position: relative; widt h:100%; hei ght:100%; transition-duratio n: 2.4s; }