@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
:root {
    --background: rgb(36, 36, 36);
    --subBackground: #171717;
    --subBackground-s: rgb(0,0,0);
    --sombra: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.632));
    --text-color: #fff;
    --subText-color: #ffffff;

  }

body{
    background-color: var(--background);
}

*{
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}


a{
    text-decoration: none;
    color: var(--text-color);
}











/* UIVERSE */

/* From Uiverse.io by barisdogansutcu */ 
.load1 svg {
 width: 3.25em;
 transform-origin: center;
 animation: rotate4 2s linear infinite;
}

.load1 circle {
 fill: none;
 stroke: hsl(214, 97%, 59%);
 stroke-width: 2;
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
 stroke-linecap: round;
 animation: dash4 1.5s ease-in-out infinite;
}

@keyframes rotate4 {
 100% {
  transform: rotate(360deg);
 }
}

@keyframes dash4 {
 0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
 }

 50% {
  stroke-dasharray: 90, 200;
  stroke-dashoffset: -35px;
 }

 100% {
  stroke-dashoffset: -125px;
 }
}