/*----------GENERAL STYLING----------*/
html {
  box-sizing:border-box;
  scroll-behavior:smooth;
}

body {
  background-color:#2d2d35;
  background-size:initial;
  background-attachment:fixed;
  background-position:center;
  background-image:url('https://cdn.discordapp.com/attachments/657392111901212686/896448701441146940/bg-2.png');
  padding:0 1.5rem;
  font-weight:400;
  font-family:'Montserrat', 'Arial', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'Ubuntu', 'Arial', sans-serif;
}

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

a:hover, a:active {
  color:#fff;
  text-decoration:none;
  text-shadow:0 0 .55rem rgba(255,255,255,0.5);
}

img {
  max-width:100%;
}

p:last-child {
  margin-bottom:0;
}

hr {
  border-color:#81745c;
}

#content-main {
  background-color:#1e1e25;
  color:#fff;
  max-width:1150px;
  margin:auto;
  min-height:100vh;
  border-left:.55rem solid #81745c;
  border-right:.55rem solid #81745c;
  box-shadow:0 0 1rem rgba(0,0,0,0.65);
}

#header {
  text-align:center;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:.55rem;
  letter-spacing:.08em;
  font-weight:600 !important;
}

#header h1 {
  font-variant:small-caps;
}

#social-media-links {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}

#social-media-links .smicon {
  display:inline-flex;
  margin:.5rem 0;
  width:45px;
  height:45px;
  background-color:#2d2d35;
  border-radius:50%;
}

#content-inner {
  padding-left:1.85rem;
  padding-right:1.85rem;
  padding-bottom:1.85rem;
  padding-top:1rem;

  /*-- Fade in animation --*/
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s; /* Firefox < 16 */
      -ms-animation: fadein 2s; /* Internet Explorer */
       -o-animation: fadein 2s; /* Opera < 12.1 */
          animation: fadein 2s;
}

.text-muted {
  color:#c2b49e !important;
}

.card {
  background-color:#2d2d35;
}

.btn-outline-primary {
  color:#e5d6c3;
}

.btn-outline-primary:hover {
  background-color:#e5d6c3;
  color:#2d2d35;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  background-color:#e5d6c3;
  color:#2d2d35;
}

.btn-outline-primary.focus, .btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow:0 0 .25rem #e5d6c3;
}

.bg-transparent {
  background:transparent !important;
}

/*---------------------------- FADE IN ANIMATION ----------------------------*/

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}