@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

:root {
  --main-accent-color: #00ccff;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: calc(0.4rem + 0.8vw);
  font-family: 'Roboto', sans-serif;
}

body {
  color: white;
}

.black {
  color: black;
}

.blue {
  color: var(--main-accent-color);
}

.transparent {
  background: transparent;
}

.white {
  color: white;
}

.hw-100 {
  height: 100%;
  width: 100%;
}

button {
  border: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

@media (max-width: 750px) {
  html {
    font-size: calc(0.6rem + 0.8vw);
  }
}