/* === Font */

@font-face {
  font-family: 'Raleway';
  src: url('/font/Raleway-Light.ttf');
  font-weight: 300;
}

@font-face {
  font-family: 'Raleway';
  src: url('/font/Raleway-Regular.ttf');
  font-weight: 400;
}

@font-face {
  font-family: 'Raleway';
  src: url('/font/Raleway-SemiBold.ttf');
  font-weight: 600;
}

/* Font === Body */

body {
  background-color: #f2f5f5;
  background-image: url("/img/background.png");
  background-repeat: repeat;
  font-size: 1.6em;
}

.main {
  background-color: #fefefe;
  box-shadow: 0px 0px 10px 1px #33333333;
  padding: 10px 15px 30px 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Body === Navbar */

.navbar {
  text-align: center;
  width: 100%;
  line-height: 3;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #ccc;
}

.navbar li {
  display: inline;
  margin: 0px 20px 0px 20px;
  white-space: nowrap;
}

.navbar li a {
  color: #333;
  text-decoration: none;
  font-size: 1.2em;
  transition: color 0.9s;
}

.navbar li a:hover {
  color: #1EAEDB;
}

.navbar li a .fas, .navbar li a .fab {
  margin-right: 10px;
}

/* Navbar === General */

.content {
  margin-left: 15px;
  margin-right: 15px;
}

.text-justify {
  text-align: justify;
}

/* General === */