@import url(theme.scss);
@import url(../fonts/icomoon/style.css);

/* MAIN */

@font-face {
  font-family: 'Quicksand';
  src: url('../fonts/quicksand/Quicksand-VariableFont_wght.ttf');
  font-display: swap;
}

body {
  font-family: "Quicksand", sans-serif;
  background-color: var(--body-color, white);
}


a {
  color: var(--main-color);
}

h1, h2, p {
  margin-bottom: 0;
}


/* CUSTOM TITLE */

.title-bar {
  width: 50px;
  height: 5px;
  margin: 10px 0 20px 0;
  border-radius: 5px;
  background-color: var(--main-dark-color);
  transition: width 0.2s ease;
}

@media only screen and (min-width: 768px) {
  .title-bar {
    height: 10px;
  }
}

section:hover .title-bar {
  width: 100px;
}