d8ncer css + marquee

==TOP==

<link rel="stylesheet" href="https://unpkg.com/7.css">
<div class="title-bar active">
<div class="title-bar-text">Status: Online</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>

==MENU==

<link rel="stylesheet" href="https://unpkg.com/7.css">
<ul role="menubar">
<li role="menuitem"><a href="#one">Guidelines</a></li>
<ul role="menubar">
<li role="menuitem"><a href="#two">Interests</a></li></ul>

==TEXT BOX==

<link rel="stylesheet" href="https://unpkg.com/7.css">
<ul class="tree-view has-container">
<li>welcome to my carrd!</li> <li>please read all the info that i have in here</li> <li>cr d8ncer <3</li>
</ul>

==PROGESS BAR==

<link rel="stylesheet" href="https://unpkg.com/7.css">
<div role="progressbar" class="marquee"></div>

==MARQUEE==

<style>
.scroll-left {
height: 15px;
overflow: hidden;
position: relative;
color: black;
}
.scroll-left p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 5px;
text-align: center;
/* Starting position */
transform:translateX(100%);
/* Apply animation to this element */
animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
</style>

<marquee behavior="scroll" direction="left">I-I-Ima hit you back, right after I flip this pack She don't know my real name, but she know I’m real bad I know she hate it when I’m faded She ain't down like that, are you down like that?</marquee>

==TOP PAGE 1==

<link rel="stylesheet" href="https://unpkg.com/7.css">
<div class="title-bar active">
<div class="title-bar-text">Guidelines</div>
<div class="title-bar-controls">
<a href="#home"><button aria-label="Close"></button></a>
</div>
</div>

==TOP PAGE 2==

<link rel="stylesheet" href="https://unpkg.com/7.css">
<div class="title-bar active">
<div class="title-bar-text">Interests</div>
<div class="title-bar-controls">
<a href="#home"><button aria-label="Close"></button></a>
</div>
</div>