<style> @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
:root {
--maincolor: #b0c4de; /* Light Steel Blue */
--darkcolor: #708090; /* Slate Gray */
--highlightcolor: #ffffff; /* White */
--textfont: 'Roboto', sans-serif;
--shadowcolor: #000000; /* Black */
--backgroundcolor: #f0f0f0; /* Light background */
}
body {
font-family: var(--textfont);
background-color: var(--backgroundcolor);
color: var(--maincolor);
margin: 0;
padding: 20px;
text-align: center;
}
header {
background-color: var(--maincolor);
padding: 20px;
box-shadow: 0 4px 8px var(--shadowcolor);
color: var(--highlightcolor);
border-bottom: 2px solid var(--darkcolor);
}
h1, h2 {
text-shadow:
2px 2px 0 var(--shadowcolor),
4px 4px 0 var(--darkcolor),
6px 6px 0 var(--highlightcolor);
border: 2px solid var(--shadowcolor);
display: inline-block;
padding: 10px;
margin: 20px 0;
}
p {
font-size: 18px;
line-height: 1.6;
text-shadow: 1px 1px 0 var(--shadowcolor);
margin: 20px 0;
}
button {
font-family: var(--textfont);
font-size: 18px;
color: var(--maincolor);
background-color: transparent;
border: 2px solid var(--maincolor);
padding: 10px 20px;
cursor: pointer;
transition: all 0.3s ease;
text-shadow:
2px 2px 0 var(--shadowcolor),
4px 4px 0 var(--darkcolor);
}
button:hover {
color: var(--highlightcolor);
background-color: var(--maincolor);
border-color: var(--darkcolor);
}
<style>
primeiro single promocional | # | Título | Tipo | Streams | |
|---|---|---|---|---|
| 1 | Single Promocional | 260,790,708 |
11/03/2022
℗ 2022
JULY
