@import url(defaults.css);
@import url(basic2.css);

:root {
/*COLOURS*/
--base-colour: #000;
--block: #000000a2;
--text-colour: #ccc;
--accent: #d41c46;
--accent2: #fc8d50de;

/* fonts */
--font-family: "Comfortaa", monospace;
--font-size: 13pt;
--font-size-sm: 10pt;
--line-height: 20px;

--header-font: "Comfortaa", monospace;
--header-font-size: 13pt;

/* padding */
--body-padding: 1em;
--p-padding: .5em 0em .5em 0em;

/* background image*/
--bg-img: url(/!assets/!nexus/musica/bg.webp);
--bg-position: center;
--bg-size: 80%;
--bg-repeat: repeat;

/* wrapper */
-- ;
--overflow-x: auto;
--overflow-y: auto;

--wrapper-width: 100%;
--wrapper-height: fit-content;
--wrapper-min-height: fit-content;

/* misc */
--border: 1px solid #ffffff2b;
--gap: .5em;
--section-gap: .5em;
--radius: none;
--bg-filter: blur(2px);
}

a {
  transition: color 0.10s ease-in;
}

a:hover {
  color: var(--accent2);
  transition: color 0.10s ease-out;
}

.zune {
  float:right; 
  width: 90px; 
}

h1, h2, h3, h4 {
  border-radius: 2px; 
  background: linear-gradient(90deg, #931f3a96, #ce713d80);
  backdrop-filter: var(--bg-filter);
  text-transform: uppercase;
  color: var(--header-text);
  border: var(--border);
  margin-bottom: .5em;
}

.gradient-text {
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-decoration-color: #fff;
}

.links {
  display: flex;
  flex-direction: column;
  margin-left: .5em;
  border-left: var(--border);
}

.links a {
  padding: .1em .5em;
  display: inline-block;
  width: fit-content;
}