tubatu drr ac standard

haii !! this paste is kinda long sorryy >.< as always you will probably have to adjust the positions of the elements but i tried my best to have everything be easy to identify in when editing! if you have any questions you can dm me on crrdcore or send me a retrospring @ soobinzz! and pls do credit doiibahi if you rm!

--- CODES ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: Chemre;
src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

@font-face {
font-family:'yipes';
src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
}

#container01 >.wrapper {
border-radius: 8px 8px 0px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff;
}

#text01, #text02, #text04, #text05, #text07, #text08, #text09, #text10 { /*the xxx.txt texts*/
font-family: windows;
}

#container02 >.wrapper {
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%);
}

#buttons01 { /*left arrow nav*/
width: 2.3em;
border: 1px solid #C2C2C2;
border-radius: 8px 0px 0px 8px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset 13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
}

#buttons02 { /*right arrow nav*/
border: 1px solid #C2C2C2;
border-radius: 0px 8px 8px 0px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset -13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
position: absolute;
bottom: 0.34em;
left: 2.5em;
}

#icons01 { /*menu icon*/
width: 2.3em;
border: 1px solid #C2C2C2;
border-radius: 8px 0px 0px 8px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset 13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
position: relative;
bottom: -0.01em;
}

#icons02 { /*folder icon*/
border: 1px solid #C2C2C2;
border-radius:0px 8px 8px 0px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset -13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
position: absolute;
bottom: 0.34em;
left: 9.01em;
}

#container03 >.wrapper {
border-radius: 0px 0px 8px 8px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}

#buttons03 { /*new folder*/
width: 6em;
border: 1px solid #C2C2C2;
border-radius: 15px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset 13px 0px 6px -10px rgb(132 132 132 / 56%), inset -13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
position: relative;
left: 0.4em;
}

#buttons04 { /*cancel*/
width: 4.5em;
border: 1px solid #C2C2C2;
border-radius: 15px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset 13px 0px 6px -10px rgb(132 132 132 / 56%), inset -13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
position: relative;
right: 0.4em;
}

#buttons05 { /*open*/
width: 4.5em;
border: 1px solid #C2C2C2;
border-radius: 15px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset 13px 0px 6px -10px rgb(132 132 132 / 56%), inset -13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
position: relative;
right: 0.4em;
}

#container04 {
width: 7em;
border: inset 2px;
position: absolute;
bottom: 2.2em;
left: 0.5em;
bottom: 2.2em;
}

#container05 {
width: 16em;
position: absolute;
left: 8em;
bottom: 13.3em;
}

#container06 {
width: 16em;
position: absolute;
bottom: 2.2em;
left: 8em;
}

#container07 {
width: 8em;
height: 6em;
position: absolute;
bottom: 8.3em;
left: 1em;
z-index: 999;
}

#icons03, #icons04, #icons05 { /*star, heart, chat icons 01*/
width: 2em;
border: 1px solid #C2C2C2;
border-radius: 8px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
position: relative;
right: 0.2em;
}

#embed04 { /*tunes embed positioning*/
position: absolute;
bottom: 0.6em;
}

@media only screen and (max-width: 600px) {
#embed04 {
left: 1.6em;
}
}

#container08 {
width: 14em;
height: 1em;
position: absolute;
bottom: 8.8em;
left: 9.3em;
z-index: 999;
}

#container09 {
width: 14em;
height: 6em;
overflow-y: scroll;
position: absolute;
bottom: 2.8em;
left: 9.3em;
z-index: 9999;
}

#text03 { /*vio text*/
font-family: Chemre;
background: rgb(212,212,212);
background: radial-gradient(circle, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 50%);
}

#buttons10, #buttons11 { /*page one nav buttons*/
width: 4em;
border: 1px solid #C2C2C2;
border-radius: 15px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
box-shadow: inset 13px 0px 6px -10px rgb(132 132 132 / 56%), inset -13px 0px 6px -10px rgb(132 132 132 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(132 132 132 / 38%);
}

#buttons11 {
position: relative;
left: 2em;
}

#container10 {
width: 14em;
height: 1em;
position: absolute;
bottom: 13.3em;
left: 1em;
z-index: 999;
}

#container11 {
width: 14em;
position: absolute;
bottom: 7.3em;
left: 1em;
z-index: 999;
}

#container12 {
width: 11em;
height: 1em;
position: absolute;
bottom: 7.8em;
left: 12.5em;
z-index: 999;
}

#container13 {
width: 11em;
height: 6.5em;
position: absolute;
bottom: 1.3em;
left: 12.5em;
z-index: 999;
}

#container14 {
width: 9.5em;
height: 5em;
position: absolute;
bottom: 2em;
left: 2.7em;
z-index: 999;
}

#text06 { /*page.soobin text*/
font-family: Chemre;
-webkit-filter: drop-shadow(0px 0px 2px #545454);
position: absolute;
bottom: 0.2em;
left: -0.8em;
}

#icons09, #icons10, #icons11 { /*star, heart, chat icons 02*/
border: 1px solid #C2C2C2;
border-radius: 8px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
}

#container15 {
width: 5em;
position: absolute;
bottom: 9em;
left: 15.3em;
z-index: 999;
}

#container16 {
width: 4.5em;
height: 12em;
position: absolute;
bottom: 2.45em;
left: 1.2em;
z-index: 999;
}

#container17 {
width: 7em;
height: 1em;
position: absolute;
bottom: 12.7em;
left: 6.2em;
z-index: 999;
}

#container18 {
width: 7em;
height: 5em;
position: absolute;
bottom: 7.7em;
left: 6.2em;
z-index: 999;
}

#container19 {
width: 9em;
height: 1em;
position: absolute;
bottom: 14em;
left: 13.7em;
z-index: 999;
}

#container20 {
width: 9em;
height: 4.2em;
position: absolute;
bottom: 9.8em;
left: 13.7em;
z-index: 999;
}

#container21 {
width: 8em;
height: 1em;
position: absolute;
bottom: 8.2em;
left: 13.7em;
z-index: 999;
}

#container22 {
width: 8em;
height: 5em;
position: absolute;
bottom: 3.2em;
left: 13.7em;
z-index: 999;
}

#icons15, #icons16, #icons17 { /*star, heart, chat icons 03*/
border: 1px solid #C2C2C2;
border-radius: 8px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
}

#container23 {
width: 5em;
position: absolute;
bottom: 6.4em;
left: 8.2em;
z-index: 999;
}

#container24 {
width: 8em;
height: 1em;
position: absolute;
bottom: 11.7em;
left: 10.8em;
z-index: 999;
}

#container25 {
width: 8em;
height: 7.2em;
position: absolute;
bottom: 4.3em;
left: 10.8em;
z-index: 999;
}

#container26 {
width: 4em;
height: 4em;
position: absolute;
bottom: 7.3em;
left: 19.3em;
z-index: 999;
}

#container27 {
width: 4em;
height: 4em;
position: absolute;
bottom: 2.8em;
left: 19.3em;
z-index: 999;
}

#icons19, #icons20, #icons21 { /*star, heart, chat icons 04*/
border: 1px solid #C2C2C2;
border-radius: 8px;
background: rgb(212,212,212);
background: linear-gradient(180deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 100%);
}

#container28 {
width: 5em;
position: absolute;
bottom: 2.7em;
left: 13.8em;
z-index: 999;
}

#image05 { /*floating soobin img*/
position: absolute;
bottom: 3.5em;
left: 5.5em;
-webkit-filter: drop-shadow(0px 0px 3px #545454);
z-index: 999;
}
</style>

--- SCROLLBAR ---
<style>
::-webkit-scrollbar {
width: 13px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, rgba(238,238,238,1) 38%, rgba(206,206,206,1) 62%);
border: 1.5px solid #888888;
border-radius: 5px;
}

::-webkit-scrollbar-track {
background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
}

::-webkit-scrollbar-button {
display: block;
width: 14px;
height: 16px;
}

::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
box-shadow: inset 0 7px 5px -7px white, inset 7px 0 5px -7px gray, inset -7px 0 5px -7px gray, inset 0 -7px 5px -7px gray;
border: 1.5px solid #888888;
border-radius: 5px;
}

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

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

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
box-shadow: inset 0 7px 5px -7px white, inset 7px 0 5px -7px gray, inset -7px 0 5px -7px gray, inset 0 -7px 5px -7px gray;
border: 1.5px solid #888888;
border-radius: 5px;
}

</style>

--- DROPDOWN ---
<body>
<div style="text-align: left;">
<select onchange='location=this.options[this.selectedIndex].value;' style='width:180px;
font-family: windows;
font-size:0.8em;
background:white;
padding:4px;
border:1px solid #C2C2C2;
border-radius: 8px;
color: #545454;
margin-top: 0px;'>
<option value="#one">Documents</option>
<option value="#two">Files</option>
<option value="#three">Description</option>
<option value="#four">Share</option>
<option value="#home">Home</option>
</select>
</div>
</body>

--- MUSIC EMBED CHANGES ---
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%);

--- ABOUT EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

@font-face {
font-family:'yipes';
src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
}

#about {
font-family: windows;
font-size: 0.9em;
color: #545454;
letter-spacing: 0.05em;
text-align: left;
width: 13em;
height: auto;
z-index: 9999;
}

mark1 {
font-family:'yipes';
background: transparent;
}

mark2 {
font-family: dreams;
}

.link {
color: #545454;
display: inline-block;
transition: .2s ease;
}

.link:hover {
color: #8A8A8A;
transform: translateY(-20%);
}

</style>
<div id ="about">
or <u>vee</u> :3 19 it/bun/they prns! pan mexican enby aquarius (0218) eng/spa OK!
<br><br>
<strong><mark1>likes</mark1></strong> <mark2>4</mark2> bx <333 kirby, sanrio, the color pink, <s>coding</s>, soobin noises, yeonjuns aotm, photocard collecting, deco, my cats <3, reading, music, and plushies!
<br><br>
<strong><mark1>links</mark1></strong> <mark2>4</mark2> <a class="link" href="https://twitter.com/doIIbahi" target="_blank">twitter</a> <mark2>4</mark2> <a class="link" href="https://www.pinterest.com/crrdcore/_created/" target="_blank">pinterest</a> <mark2>4</mark2> <a class="link" href="https://twitter.com/crrdcore" target="_blank">carrd twt</a> <mark2>4</mark2> <a class="link" href="https://www.vio.ju.mp" target="_blank">rkive</a> <mark2>4</mark2> <a class="link" href="https://try.carrd.co/crdcore" target="_blank">referral code</a>
</div>

--- GUIDELINES 1 EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

@font-face {
font-family: Chemre;
src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
}

#guide {
font-family: windows;
font-size: 0.9em;
color: #545454;
letter-spacing: 0.05em;
text-align: left;
width: auto;
height: 6em;
overflow-y: scroll;
z-index: 9999;
}

mark2 {
font-family: dreams;
}

mark3 {
font-family: Chemre;
font-size: 1.2em;
background: transparent;
}

</style>
<div id ="guide">
<strong><mark3>before you follow</mark3></strong>
<br>
<p><mark2>4</mark2> info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info</p>
</div>

--- GUIDELINES 2 EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

@font-face {
font-family: Chemre;
src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
}

#guide2 {
font-family: windows;
font-size: 0.9em;
color: #545454;
letter-spacing: 0.05em;
text-align: left;
width: auto;
height: 6.5em;
overflow-y: scroll;
z-index: 9999;
}

mark2 {
font-family: dreams;
}

mark4 {
font-family: Chemre;
font-size: 1.1em;
background: transparent;
}

</style>
<div id ="guide2">
<strong><mark4>dont follow if</mark4></strong>
<br>
<p><mark2>4</mark2> info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info</p>
</div>

--- ULTS EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

#ults { /*if you need to add overflow-y: scroll; to make this a scrollbox!*/
font-family: windows;
font-size: 0.9em;
color: #545454;
letter-spacing: 0.05em;
text-align: left;
width: auto;
z-index: 9999;
}

mark2 {
font-family: dreams;
}

</style>
<div id ="ults">
<u>txt</u> yeonjun + soobin <mark2>5</mark2> <u>cix</u> bx <mark2>5</mark2> <u>bts</u> suga <mark2>5</mark2> <u>solo</u> hiyyih
</div>

--- OTHERS EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

#others {
font-family: windows;
font-size: 0.9em;
color: #545454;
letter-spacing: 0.05em;
text-align: left;
width: auto;
height: 4.2em;
overflow-y: scroll;
z-index: 9999;
}

mark2 {
font-family: dreams;
}

</style>
<div id ="others">
<u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol
</div>

--- SEMIS EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

@font-face {
font-family: dreams;
src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
}

#semis {
font-family: windows;
font-size: 0.9em;
color: #545454;
letter-spacing: 0.05em;
text-align: left;
width: auto;
height: 5em;
overflow-y: scroll;
z-index: 9999;
}

mark2 {
font-family: dreams;
}

</style>
<div id ="semis">
<u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol <mark2>5</mark2> <u>group</u> idol
</div>

--- NOTE EMBED ---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

#note {
font-family: windows;
font-size: 0.9em;
color: #545454;
letter-spacing: 0.05em;
text-align: left;
width: auto;
height: 7.2em;
overflow-y: scroll;
z-index: 9999;
}

</style>
<div id ="note">
info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info
</div>

--- ANI EMBED ---
<style>

#image05 {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}

</style>

--- END ---