* {box-sizing: border-box;}

body {font-family:Calibri;}

.container {max-width:900px;
    min-width:300px;
    width:60%;
margin:auto;
text-align: justify;
position:relative;}

.styley {animation:styley 1 5s linear;
text-decoration:underline wavy 1px;
letter-spacing: 2px;}

.lumpy {font-family:'Comic Sans MS', Comic Sans, Times New Roman, sans-serif;
font-size:16pt;
color:blue;}

#serious {font-size:14pt;
font-style: italic;
margin-left:20px;
}
#serious:before {content:'~~~ '}
#serious:after {content: ' ~~~'}

.cerulean {color:#334983;}

.trickled {position:absolute;
rotate:50deg;
left:20px;}
.on {position:absolute;
rotate:30deg;
left:70px;
top:400px;}
.down {position:absolute;
rotate:-25deg;
left:100px;
top:450px;}
.into {position:absolute;
rotate:60deg;
left:140px;
top:500px;}
#casual {margin-top:230px;
border:1px dotted;
width:fit-content;
padding:20px;
font-family: Georgia, 'Times New Roman', Times, serif;
text-transform: uppercase;
font-size:20pt;
color:red;
text-shadow:1px 1px 10px orange;}

.citationneeded { vertical-align: super;
  font-size: 8pt;
text-decoration: underline 1px;
color:blue;}

@keyframes styley {
    0% {font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color:magenta;
font-style: italic;}

10% {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color:blueviolet;
font-style:normal;
font-weight:800;}

20% {font-style:normal;
font-family:monospace;
font-weight: 400;
color:chartreuse;}

30% {font-style:oblique;
font-family:fantasy;
font-weight:200;
color:darkorange;
border:none;}

40% {color:crimson;
    font-style:normal;
font-family:'Crimson';
border:2px solid red;
padding:5px}

50% {color:green;
background-color:white;
font-family:'Bubble';
border:none;
text-decoration:none;;}

60% {color:cornsilk;
background-color:black;
font-family:'Courier New', Courier, monospace;
letter-spacing: normal;
text-decoration: dotted underline;}

70% {background-color:white;
color:dimgray;
font-family: Georgia, 'Times New Roman', Times, serif;
letter-spacing: 5px;
text-decoration: none;}

80% {color:gold;
font-family:'Times New Roman', Times, serif;
transform:skew(10deg);
letter-spacing: normal;}

90% {color:hotpink;
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}

100% {color:blue;
font-family:'Arial Black'}
}