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

@font-face {
  font-family: 'Open Sans';
  src: normal 400 url(/fonts/Open_Sans/OpenSans-Regular.ttf);
  src: italic 300 url(/fonts/Open_Sans/OpenSans-Italic.ttf);
  src: italic bold 400 url(/fonts/Open_Sans/OpenSans-SemiBoldItalic);
}

@font-face {
  font-family: TeXGyrePagella;
  src: url(/fonts/texgyrepagella/texgyrepagella-bolditalic.otf);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font: normal normal normal 15px/1.4em 'Open Sans', sans-serif;
  transition: 0.3s;
}

h1, h2, h3, h4, h5, h6 {
  font-family: TeXGyrePagella;
}

title, style, script {
  display: none;
}

body, html {
  margin: 0;
  width: 100%;
}

body {
  background: #000;
  color: #fff;
  justify-content: flex-start;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  color: rgb(255,203,5);
}

.facebook:hover {
  background:rgb(153,153,153);
  margin: 0;
  padding: 0px;
  border: 0;
  border-radius: 5px;
}
.footer .facebook:hover {
  background: #fff;
}

.facebook img {
  width: 25px;
  height: 25px;
} 

@media screen and (max-width: 768px){
  * {
    transition: none;
  }
}