body { text-align: center; padding-right: 2%; padding-top: 10%; }
  h1 { font: 50px 'RobotoBold', sans-serif; color: #333;}
  body { font: 20px 'Roboto', sans-serif; color: #333; }
  main { display: block; text-align: left; width: 60%; margin: 0 auto; }
  a { color: #dc8100; text-decoration: none; transition: 0.3s;}
  a:hover { color: #333; text-decoration: none; transition: 0.3s; }

    @font-face {
  font-family: 'Roboto';
  src: url('/data/Roboto.ttf')  format('truetype')
}

    @font-face {
  font-family: 'RobotoBold';
  src: url('/data/RobotoBold.ttf')  format('truetype')
}

.footer {
   position: fixed;
   right: 15px;
   bottom: 0px;
   width: 10%;
   text-align: right;
   font-size: 15px;
}

.backbutton {
   position: fixed;
   left: 15px;
   top: -20px;
   width: 10%;
   text-align: left;
   font-size: 45px;
}