body {
  color: #d2dae2;
  background-color: #1e272e;
  font-family: 'Roboto Mono', sans-serif;
}

h1 {
  font-family: 'Major Mono Display', monospace;
  margin:0;
  padding-bottom:4px;
}

h2 {
  margin-top:20px;
  font-family: 'Major Mono Display', monospace;
}

.header {
  margin-top:20px;
  width:100%;
  background-color: #1e272e;
  color:#d2dae2;
}

.header .right {
  text-align:right;
  padding-top:15px;
}

.header .flag {
  height:30px;
}

.content {
  margin-top:20px;
  text-align:justify;
  margin-bottom:100px;
}

.mask {
  z-index: -1;
  opacity:0.05;
  position:fixed;
  transform: rotate(-30deg) scale(1.8);
}

.content ul {
  list-style-type: square;
  margin-left: 17px;
  padding: 0;
  text-align:left;
}

.content li {
  font-size:11pt;
}

.gallery img{
  width:100%;
  opacity: 0.5;
}

.gallery img:hover{
  opacity: 1;
  width:100%;
}

.gallery-modal img {
  width:100%;
}

.btn {
  background-color:transparent;
  border:0;
}

.btn:hover,
.btn:active {
  cursor:hand;
  background-color: #d2dae2;
  color: #1e272e !important;
}

a {
  color:#d2dae2;
  text-decoration: underline;
}
a:hover {
  color: #fafbfc;
}

.headlinks br {
  margin-bottom:15px;
}

.headlinks a{
  color: #d2dae2;
  text-decoration:none;
}

.headlinks a:hover{
  color: #fafbfc;
  text-decoration:none;
}