@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-Black.eot");
  src: url("./fonts/CircularStd-Black.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Black.woff") format("woff"), url("./fonts/CircularStd-Black.ttf") format("truetype"), url("./fonts/CircularStd-Black.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-BlackItalic.eot");
  src: url("./fonts/CircularStd-BlackItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-BlackItalic.woff") format("woff"), url("./fonts/CircularStd-BlackItalic.ttf") format("truetype"), url("./fonts/CircularStd-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-Bold.eot");
  src: url("./fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Bold.woff") format("woff"), url("./fonts/CircularStd-Bold.ttf") format("truetype"), url("./fonts/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-BoldItalic.eot");
  src: url("./fonts/CircularStd-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-BoldItalic.woff") format("woff"), url("./fonts/CircularStd-BoldItalic.ttf") format("truetype"), url("./fonts/CircularStd-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-Medium.eot");
  src: url("./fonts/CircularStd-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Medium.woff") format("woff"), url("./fonts/CircularStd-Medium.ttf") format("truetype"), url("./fonts/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-MediumItalic.eot");
  src: url("./fonts/CircularStd-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-MediumItalic.woff") format("woff"), url("./fonts/CircularStd-MediumItalic.ttf") format("truetype"), url("./fonts/CircularStd-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-Book.eot");
  src: url("./fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Book.woff") format("woff"), url("./fonts/CircularStd-Book.ttf") format("truetype"), url("./fonts/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url("./fonts/CircularStd-BookItalic.eot");
  src: url("./fonts/CircularStd-BookItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-BookItalic.woff") format("woff"), url("./fonts/CircularStd-BookItalic.ttf") format("truetype"), url("./fonts/CircularStd-BookItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 400;
  font-style: italic;
}

.title {
    font-size: 64;
}

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 375;
    margin: auto;
}

.icon-row {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 150;
}

.fab {
    font-size: 24;
}

.fas {
    font-size: 24;
}

a {
    color: black;
}

h6 {
    margin-bottom: 8;
}

html {
    font-family: 'CircularStd';
}

.twitter-timeline {
  width: inherit;
}

.spotify {
  margin-top: 0;
  margin-bottom: 8;
  text-align: center;
}

hr {
  width: inherit;
  margin: 6;
  margin-top: 16;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1280px) {
  h6 {
    margin-top: 16;
  }
}