@import 'fonts';
@import 'config';

body {
  background: $b-color;
  margin: 0;
}

main {
  max-width: 60rem;
  min-height: calc(100vh - 220px);
  margin: 0 auto;
  padding: 0 4rem;
}

@media only screen and (max-width: 600px) {
  main { padding: 2rem }
}

html {
  scroll-behavior: smooth;
}

*, *:after, *:before { 
  box-sizing: border-box;
  
  &:focus {
    outline: none;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
b,
label {
  color: $f-color;
  font-family: $p-font;
  margin: 0;
  padding: 0;
}

a {
  color: $link;
  text-decoration: none;
}

@import 'components/header';
@import 'components/footer';
@import 'pages/index';
@import 'pages/pages';
@import 'pages/guide';
@import 'pages/auth';
@import 'pages/404';