@font-face {
  font-family: "Roboto-Light";
  src: url(fonts/Roboto-Light.ttf); }
@font-face {
  font-family: "Amiri-Regular";
  src: url(fonts/Amiri-Regular.ttf); }
body {
  background-color: #1e1e1e;
  align-content: center;
  width: 90%;
  margin: 0 auto 0 auto;
  padding: 8% 0 8% 0; }

h1 {
  font-family: "Amiri-Regular", serif;
  color: #ffffff;
  font-size: 200%;
  padding: 0 0 0.5% 0; }

h2 {
  font-family: "Amiri-Regular", serif;
  color: #ffc082;
  font-size: 130%;
  margin-bottom: 0.8%;
  margin-top: 5%; }

p {
  font-family: "Roboto-Light", sans-serif;
  color: #ffffff;
  font-size: 90%;
  line-height: 135%;
  width: 60%; }

@media screen and (max-device-width: 1023px) {
  body {
    background-color: #1e1e1e;
    width: 90%;
    padding: 8% auto 8% auto; }

  p {
    line-height: 135%;
    width: 95%; } }
/* SCSS Document */