archivos crd tuto: codes embed

<style>
#container01 > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
border-radius: 10px 10px 0 0;
}

#buttons01 li a {
font-family: Nintendo-DS-BIOS;
border: 1px solid #B0ACB0;
-webkit-box-shadow: 3px 3px 0px -2px #B0ACB0;
}

#icons02 li a {
border: 1px solid #B0ACB0;
-webkit-box-shadow: 3px 3px 0px -2px #B0ACB0;
}

#container03 > .wrapper {
height: 12em;
box-shadow: 0px 0px 10px 0px #505050 inset;
}

#text01 {
font-family:'ROMANTIC';
-webkit-filter: drop-shadow(0px 0px 4px #edc4dd);
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0 0;
background-image: url(https://i.imgur.com/Edu1x4q.jpg);
background-position: center; background-size: 180px 55px;
background-repeat: no-repeat;
}

#text02 {
font-family: PC98;
}

#buttons02 li a {
font-family: Nintendo-DS-BIOS;
line-height: 0.9;
border: 1px solid #B0ACB0;
-webkit-box-shadow: 3px 3px 0px -2px #B0ACB0;
}

#container04 > .wrapper {
height: 12em;
box-shadow: 0px 0px 10px 0px #505050 inset;
overflow-y: scroll;
}

#container05 > .wrapper {
height: 4.62em;
border-radius: 50px 10px 10px 50px;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
position: absolute;
left: 0.53em;
bottom: 7.05em;
}

#text03 {
width: 92%;
height: 4.5em;
font-family: PC98;
background: white;
padding: 0.5em;
border: 1px solid #B0ACB0;
-webkit-box-shadow: 4px 4px 0px -2px #B0ACB0;
border-radius: 10px;
overflow-y: scroll;
}

#container06 > .wrapper {
height: 6.3em;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
position: absolute;
left: 0.53em;
bottom: 0.45em;
}

#text04 {
font-family: PC98;
border: 0.5px solid #808080;
border-radius: 10px;
background: #FFECF8;
}

#icons03 li a {
border: 1px solid #B0ACB0;
}

#container07 > .wrapper, #container08 > .wrapper {
height: 12em;
box-shadow: 0px 0px 10px 0px #505050 inset;
overflow-y: scroll;
}

mark {
font-family: Nintendo-DS-BIOS;
border: 0.5px solid #808080;
padding: 1px 4px 1px 4px;
position: relative;
top: 2.5px;
}

#text06, #text08, #text10, #text12, #text14, #text16 {
font-family: PC98;
background: white;
padding: 0.5em;
border: 1px solid #B0ACB0;
-webkit-box-shadow: 4px 4px 0px -2px #B0ACB0;
border-radius: 0 16px 16px 16px;
}

#container09 > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
border-radius: 0 0 10px 10px;
}

#container10 > .wrapper {
width: 2em;
height: 1.2em;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
}

#container11 > .wrapper {
height: 1.1em;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
border-radius: 10px 10px 0 0;
}
</style>