carrd tutorial 01

<!--- scroll 01 --->

<style>
#scroll01 {
border-width:7px;
border-style:solid;
border-image: url("https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png") 8 fill round;
height: 70px;
padding: 5px;
overflow: auto;
background: white;
}
@media screen and (max-width: 800px) {
#scroll01 {
height: 60px;
}
}
</style>

<div id="scroll01"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>


<!--- scroll 02 --->

<style>
#scroll02 {
border-width:7px;
border-style:solid;
border-image: url("https://media.discordapp.net/attachments/826854899013648384/839700444375810078/tumblr_inline_o98n9dbCl61u2r0ws_540_1_2.png") 8 fill round;
height: 70px;
padding: 5px;
overflow: auto;
background: white;
}
@media screen and (max-width: 800px) {
#scroll02 {
height: 60px;
}
}
</style>

<div id="scroll02"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>


<!--- css embed --->

<style>
#container01 {
border: 2px #B89DBD solid;
border-radius: 10px;
box-shadow: 0rem 0rem 0.25rem 0rem #DBB1E3;
background: white;
}
::-webkit-scrollbar{
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb{
background: rgba(255, 255, 255,0);
}
::-webkit-scrollbar-track{
background: transparent;
}
</style>