Link to article: First Boss.
.error {
background-color: #f9e5e5;
border-left: 6px solid #b30000;
border-right: 6px solid #b30000;
color: #333;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
padding: 1em;
margin-bottom: 1em;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.error div {
margin: 0;
font-size: 1rem;
text-align: center;
}
.success {
background-color: #adffad;
border-left: 6px solid #30f230;
border-right: 6px solid #30f230;
color: #333;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
padding: 1em;
margin-bottom: 1em;
box-shadow: 0 2px 4px rgba(48, 242, 48, 0.1);
}
.success div {
margin: 0;
font-size: 1rem;
text-align: center;
}
height: 8vh;
animation: ge-anim03-paths 5s step-end infinite; background-color: rgba(0, 0, 0, 0.02); width:100%;
height: auto;
grid-template-columns: 10% 80% 10%;
animation: ge-anim03-paths 5s step-end infinite; font-size: 2rem; font-weight: 500;
white-space: normal;
animation: ge-anim03-paths 5s step-end infinite;
height: 4vh;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 700;
animation: ge-anim03-paths 5s step-end infinite;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 300;
color: red; animation: ge-anim03-paths 5s step-end infinite;
height: 4vh;
animation: ge-anim03-paths 5s step-end infinite; background-color: rgba(0, 0, 0, 0.02); width:100%;
height: auto;
grid-template-columns: 10% 80% 10%;
animation: ge-anim03-paths 5s step-end infinite; font-size: 2rem; font-weight: 500;
white-space: normal;
animation: ge-anim03-paths 5s step-end infinite;
height: 4vh;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 700;
animation: ge-anim03-paths 5s step-end infinite;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 300;
color: red; animation: ge-anim03-paths 5s step-end infinite;
height: 4vh;
height: 4vh;
animation: ge-anim03-paths 5s step-end infinite; font-weight: 500;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 700;
font-weight: 300;
color: green;
font-weight: 700;
animation: ge-anim03-paths 5s step-end infinite; font-weight: 500;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 300;
color: green;
height: 4vh;
height: 4vh;
animation: ge-anim03-paths 5s step-end infinite; font-weight: 500;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 300;
color: orange;
animation: ge-anim03-paths 5s step-end infinite; font-weight: 500;
animation: ge-anim03-paths 5s step-end infinite;
font-weight: 700;
height: 4vh;
height: 4vh;
height: 4vh;
dialogue-box
trigger
style03-plaintext
animation05
bc
mother
animation05
tc
image-bubble
animation03
mx-image
dialogue-box
trigger
style05-plaintext
br
amelia
animation05
tr
image-bubble
animation03
dialogue-box
trigger
style02-plaintext
bl
rosenaic
animation05
tl
image-bubble
animation03
dialogue-box
trigger
style03-plaintext
animation05
bc
mother
animation05
tc
image-bubble
animation03
mx-image
dialogue-box
trigger
style05-plaintext
br
amelia
animation05
tr
image-bubble
animation03
dialogue-box
trigger
style02-plaintext
bl
rosenaic
animation05
tl
image-bubble
animation03
error
dialogue-box
trigger
style03-plaintext
tc
mother
animation05
tl
image-bubble
animation03
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
dialogue-box
trigger
style03-plaintext
tc
mother
animation05
tl
image-bubble
animation03
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
success
error
dialogue-box
trigger
style03-plaintext
tc
mother
animation05
tl
image-bubble
animation03
dialogue-box
trigger
style02-plaintext
bl
rosenaic
tl
image-bubble
br
amelia
tr
image-bubble
dialogue-box
trigger
style03-plaintext
tc
mother
animation05
tl
image-bubble
animation03
dialogue-box
trigger
style05-plaintext
br
amelia
tr
image-bubble
jotting