// @import './node_modules/@mdi/font/scss/materialdesignicons.scss';
@import "./base.scss";
@import "./colors.scss";
@import "./common.scss";
@import "./layout.scss";
@import "./fonts/snap_it/snap_it.css";

body{
  background-color: $back;
}

#app{

}

#app>header#header{
  background-color: $front;
  .row{
    display: flex;
    flex-direction: row;
    >*{
      margin-right: 1em;
    }
    &.top{
      h1{
        font-family: "snap-it";
      }
    }
    &.bottom{
      padding:1em 0;

    }
  }

}