@import url('./app.css');
@import url('./form.css');
@import url('./header.css');
@import url('./movie.css');
@import url('./movies.css');
@import url('./navigation.css');

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

@media (max-width: 1080px) {
  html {
    font-size: 93.75%;
  }
}

@media (max-width: 720px) {
  html {
    font-size: 87.5%;
  }
}

:root {
  --primary: #fff;
  --linear: linear-gradient(154.23deg, #8B4513 -58.45%, #0CFFFF 374.49%);
}
body, button, textarea, input {
  color: var(--primary);
  font: 400 1rem "Montserrat", sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: 0;
}

button:hover {
  cursor: pointer;
}