61 lines
1.7 KiB
HTML
61 lines
1.7 KiB
HTML
<html>
|
||
<head>
|
||
<style>
|
||
body, html {
|
||
height: 100%;
|
||
width: 100%;
|
||
font-weight: 400;
|
||
font-size: 18px;
|
||
color: #333;
|
||
line-height: 1.5;
|
||
background-color: rgb(255, 244, 187);
|
||
margin: 0;
|
||
padding: 0;
|
||
font-family: Open Sans,sans-serif;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
.FourOFour_illustration__3TH-w {
|
||
display: block;
|
||
max-width: 300px;
|
||
margin: 10px auto 20px;
|
||
padding-top: 100px;
|
||
}
|
||
|
||
.FourOFour_illustrationImage__28GGU {
|
||
display: block;
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.FourOFour_illustrationHeader__34JCG {
|
||
font-size: 22px;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.FourOFour_illustrationDescription__3wQqY {
|
||
font-size: 14px;
|
||
margin: 0px auto;
|
||
max-width: 50%;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="FourOFour_illustrationContainer__1MWD_" style="background-color: rgb(255, 244, 187); color: rgb(67, 118, 192);">
|
||
|
||
<div class="FourOFour_illustration__3TH-w">
|
||
<img src="https://i.imgur.com/WvEu0cO.png" alt="This Page is Burnt to a Crisp" class="FourOFour_illustrationImage__28GGU">
|
||
</div>
|
||
<div class="FourOFour_illustrationHeader__34JCG">
|
||
This Page is Burnt to a Crisp
|
||
</div>
|
||
<div class="FourOFour_illustrationDescription__3wQqY">
|
||
Toast takes so long to make. You stare at the toaster tapping your feet. Your laundry is in the dryer and it just dinged. Maybe you’ll take it out. After all, you have time. You take out your laundry. You fold your underwear. You think about folding your socks. You remember your toast! It is too late. It’s burnt to a crisp. The process repeats itself. You should probably figure out your toasting settings.
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|