pro-standard cr crdskiz codes

<style>
@font-face {
font-family: DigiBop;
src: url(https://dl.dropbox.com/s/8maabpvuycdrlai/DigiBop-Regular.ttf);
}
@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}
::-webkit-scrollbar {
width: 16px
}
::-webkit-scrollbar-corner {
background: #eee
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}
::-webkit-scrollbar-thumb:vertical {
background: url("https://dl.dropbox.com/s/9a29qbkza3gmgl7/scroll1.png"), linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
background-repeat: no-repeat;
background-size: 65% auto, cover;
background-position: center;
}

::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 15px
}
::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 0 3px 0 0;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 0 0 3px 0;
}
#container01 > .wrapper {
position: absolute;
top: -5em;
left: 3em;
}
@media only screen and (max-width: 600px) {
#container01 {
left: 1.5em;
}
}
#text01 {
font-family: digibop;
font-weight: bold;
-webkit-text-stroke: 0.5px black;
filter: drop-shadow(2px 2px 0px white) drop-shadow(0px 0px 1.5px black);
background: radial-gradient(circle, #7f649a, #DE68BD, #4DC4F7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: perspective(500px) rotateY(-35deg);
}
#container02 > .wrapper {
border: .75px solid white;
filter: drop-shadow(0px 0px 1.5px black) drop-shadow(5px 5px .5px #709dca);
border-radius: 0.50em;
transform: perspective(500px) rotateY(20deg);
z-index: 3;
background: radial-gradient(50% 50% at 50% 50%, #E86494 19%, #CE70C1 64%, #FFFFFF 100%);
}
#container04 > .wrapper {
border: .75px solid white;
filter: drop-shadow(0px 0px 1.5px black) drop-shadow(5px 5px .5px #709dca);
border-radius: 0.50em;
transform: perspective(500px) rotateY(20deg);
z-index: 3;
background: radial-gradient(50% 50% at 50% 50%, #E86494 19%, #CE70C1 64%, #FFFFFF 100%);
}
#container03 > .wrapper {
border: .75px solid white;
filter: drop-shadow(0px 0px 1.5px black) drop-shadow(5px 5px .5px #709dca);
border-radius: 0.50em;
transform: perspective(500px) rotateY(-20deg);
z-index: 3;
background: radial-gradient(50% 50% at 50% 50%, #E86494 19%, #CE70C1 64%, #FFFFFF 100%);
}
#image01, #image02, #image03 {
border-radius: 0.50em;
filter: drop-shadow(0px 0px 1.5px black);
}

#text02, #text04, #text06 {
font-family: kiwi;
font-weight: bold;
-webkit-text-stroke: 0.5px black;
filter: drop-shadow(0px 0px 1.5px black);
}

#text02 mark {
font-family: DigiBop;
}
#text04 mark {
font-family: DigiBop;
}
#text06 mark {
font-family: DigiBop;
}
#text03, #text05, #text07 {
background: white;
height: 110px;
overflow-y: scroll;
border-radius: 0.50em 0em 0em 0.50em;
box-shadow: inset 0 7px 7px -7px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
padding: 5px;
filter: drop-shadow(0px 0px 1.5px black);
}

#text03 mark {
font-family: kiwi;
background: linear-gradient(90deg, #C96BD1, #F06CA3);
font-weight: bold;
-webkit-text-stroke: 0.5px black;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0px 0px 1.5px black);
font-size: 1.5em;
line-height: 1em;
}

#text05 mark {
font-family: kiwi;
background: linear-gradient(90deg, #C96BD1, #F06CA3);
font-weight: bold;
-webkit-text-stroke: 0.5px black;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0px 0px 1.5px black);
font-size: 1.5em;
line-height: 1em;
}

#text07 mark {
font-family: kiwi;
background: linear-gradient(90deg, #C96BD1, #F06CA3);
font-weight: bold;
-webkit-text-stroke: 0.5px black;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0px 0px 1.5px black);
font-size: 1.5em;
line-height: 1em;
}
</style>