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

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

main {
  max-width: 42rem;
  min-height: calc(100vh - 130px);
  margin: 70px auto 0 auto;
}

@media only screen and (max-width: 600px) {
  main { min-height: calc(100vh - 155px) }
}

html {
  scroll-behavior: smooth;
}

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

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

@import 'components/index';
@import 'pages/default';
@import 'pages/index';
@import 'pages/projects';
@import 'pages/contact';
@import 'pages/404';