🪀 crd tuto: codes embed

<style>
#image01 {
position: relative;
left: -2.9em;
bottom: -0.3em;
}

#text01 a, #text02 a {
font-family: ALBA;
-webkit-text-stroke: 0.5px #FFA4D6;
-webkit-filter: drop-shadow(0px 0px 1px #FFFFFF);
background-image: radial-gradient( #FFD1EB 20%, #FFD1EB 20%, transparent 60%);
}

#container03 > .wrapper, #container04 > .wrapper {
height: 13.6em;
margin-bottom: 1.1em;
position: absolute;
left: 1em;
bottom: 0em;
z-index: 500;
}

#text03 a, #text08 a {
position: relative;
bottom: 0.1em;
-webkit-text-stroke: 0.5px #FFA4D6;
}

#text04 mark, #text09 mark {
position: absolute;
top: -0.7em;
left: 0.1em;
z-index: 100;
font-family: ALBA;
-webkit-filter: drop-shadow(0px 0px 1px #FF95CD);
}

#text05 {
width: 95%;
height: 4em;
margin: auto;
padding: .5em;
background: #FFD1EB;
box-shadow: 0 0 0.3em 0.3em #FFD1EB;
border-radius: 5px;
}

#text06 mark {
position: absolute;
bottom: -1em;
left: 0.1em;
z-index: 100;
font-family: ALBA;
-webkit-filter: drop-shadow(0px 0px 1px #FF95CD);
}

#text07 {
width: 95%;
margin: auto;
padding: .5em;
background: #FFD1EB;
box-shadow: 0 0 0.3em 0.3em #FFD1EB;
border-radius: 5px;
height: 5.2em;
overflow-y: scroll;
position: relative;
bottom: -2.1em;
}

#text10 {
width: 95%;
height: 9em;
margin: auto;
padding: .5em;
background: #FFD1EB;
box-shadow: 0 0 0.3em 0.3em #FFD1EB;
border-radius: 5px;
overflow-y: scroll;
}

#icons01 li a {
-webkit-filter: drop-shadow(0px 0px 0.5px #FF95CD);
}
</style>