@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

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


:root {
 --header-height: 3.5rem;
 --first-color: hsl(208, 88%, 62%);
 --title-color: hsl(0, 0%, 100%);
 --text-color: hsl(0, 3%, 7%);
 --body-color: hsla(0, 1%, 38%, 0.248);
 --body-font: "Roboto", sans-serif;
 --second-font: "Dancing Script", cursive;
 --h2-font-size: 1.25rem;
 --small-font-size: 0.813rem;
 --font-semi-bold: 600;
 --z-tooltip: 10;
 --z-fixed: 100;
}

body {
 background-color: var(--body-color);
 color: var(--text-color);
 font-family: var(--body-font);
}

ul {
 list-style: none;
}

a {
 text-decoration: none;
}

.cursor {
  font-weight: 100;
  color: inherit;
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  from, to { opacity: 1; }
  50% { opacity: 0; }
}