Something went wrong. Try again.
Will be awesome one day, I guarantee you
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293body { font-family: monospace; margin: 0 20px 20px;}
h1 { font-weight: 200; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
h2 { display: inline-block;}
header { display: flex; justify-content: space-between; align-items: center; gap: 1rem;}
header .meta { display: flex; flex-direction: column;}
header p { margin: 2px; position:sticky;}
@media (max-width: 600px) { header { flex-direction: column; align-items: flex-start; }
h1 { font-size: 1.2em; }}
#content { transition: transform 0.3s ease;}
#content.rotated { transform: rotate(180deg);}
.hidden { display: none;}
#prevention { color: red; margin: 15px 0;}
.btns { margin: 0 -20px; display: flex; flex-wrap: wrap; gap: 8px; width: calc(100% + 40px);}
.btns button { margin: 0; padding: 10px 20px; font-size: 1em; cursor: pointer; background-color: black; color: white; border: 0; border-radius: 0; outline: none;}
.btns button:hover { background-color: #333;}
.highlight { background-color: rgb(132, 0, 0); color: white; padding: 0 0.25rem;}
.btns button.danger-button { background-color: red;}