/* general */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    font-family: sans-serif;
}

h1 {
    font-size: 4rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: var(--color-text, #000);
    margin: 2rem 0 0 0;
}

/* colors */

:root {
    --color-1: #000000; /* background */
    --color-2: #62515f; /* hover */
    --color-text: #f7ffce;
  }
  
.bg-color {
    /* background-color: #19001A; */
    background-color: var(--color-1);
}

.bandcamp-color {
    color: #0cacd7;
}

.soundcloud-color {
    color: #ff5500;
}

.instagram-color {
    background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.tiktok-color {
    background: linear-gradient(45deg, #01f2eb, #ff004e);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.twitch-color {
    color: #9147ff;
}

/* header */

/* sections */

section {
    height: 90vh;
    padding: 2rem 1rem;
    text-align: center;
}

/* lists */

.nolist {
    list-style-type: none;
}

.inline {
    display: inline;
}

/* links */

a {
    text-decoration: none;
}

/* footer */

/* mobile mode */