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


body {
  margin: 0px;
}

p, a, h1, h2, h3, h4, h5, h6 {
  font-family: Roboto;
  font-weight: 400;
}

/* header */

.header {
  width: 100%;
  height: 80px;
  background-color: #333;
}

/* main */

.main {
  min-height: 80vh;
}

.main .content {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  /* border: solid 1px gray; */
}


/* footer */

.footer-top {
  width: 100%;
  height: 150px;
  background-color: #333;

}

.footer-down {
  width: 100%;
  height: 100px;
  background-color: #262626;
}