@import './player.css';
@import './playlist.css';
@import './contacts.css';
@import './queries.css';

@font-face{
  font-family: 'Lato';
  src: url(../assets/fonts/Lato-Regular.ttf);
}

:root {
  --border-radius-medium: 10px;
  --border-radius: 8px;
  --standard-icon-width: 20%;

  --initial-accent: #b6f9cd99;
  --transparent-dark: #0008;
  --gray-dark: #333;
}

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

body {
  min-height: 100vh;
  font-size: 26px;
  font-family: 'Lato', 'Arial', sans-serif;

  color: #fff;
  background-image: url(../assets/img/backgrounds/2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

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

.background {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #b6f9cd99;
}