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

@font-face {
  font-family: fa-brands;
  src: url(font/fa-brands-400.ttf);
}

.fa-brands {
  font-family: fa-brands;
}

body {
  background-color:#1D1F21;
  padding:0 20px 20px 20px;
  color:#BBBBBB;
  font-family: OpenSans;
}

.body-home {
  /* background-image:url('img/bg.png'); */
  /* background-repeat: repeat-y; */
  /* background-repeat: no-repeat; */
  /* background-size: 100% auto; */
  /* background-position: center top; */
}

.cool-header {
  border-top:2px solid;
  border-image: linear-gradient(90deg, rgba(32,168,105,1) 0%, rgba(32,168,105,1) 5%, rgba(0,0,0,0) 10%) 1;
  color:#20A869;
  font-size:28px;
}

.place-highlight {
  font-family: monospace;
}

.menu-btn {
  margin: 2px;
  padding: 2px 4px 2px 4px;
  background: #333333;
}

/* a:link {
    color: #FF47FF;
}
a:visited {
    color: #BBBBBB;
}
a:hover {
    color: #20A869;
}
a:active {
    color: #2ADB88;
} */

a:link {
    color: #FF47FF;
}
a:visited {
    color: #B28DC8;
}
a:hover {
    color: #a2d2ff;
}
a:active {
    color: #FF47FF;
}

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