/* color theme */
:root {
    --text-color: #ffffff;
    --primary-color: #821616;
    --secondary-color: #8c3131;
    --tertiary-color: #1f0d0d;
    --highlight-color: #126969;
    --dark-color: #032121;
    --black: #000000;
    --light-gray: #ededed;

    --lechay: #205860;

    --fade: linear-gradient(180deg, rgba(34, 37, 49, 1), rgba(46, 190, 190, 0.5) 100%);

}

body {
    /*background: var(--fade);*/
}

div.entry-content {
    margin: 10rem;
    border-radius: 3rem;
    padding: 2rem;
    /*background: var(--fade);
    color: white;*/
}


button.back {
    color: var(--dark-color);
    font-family: Impact, Roboto, sans-serif;
    height: 3rem;
    font-size: 2rem;
    background: none;
    border: none;
    text-decoration: underline;
}

button.back:hover {
    cursor: pointer;
}

h1 {
    font-family: LeChay;
    color: var(--lechay);
    font-size: 2rem;
    margin: 1rem 0;
    left: 50%;
    right: 50%;
    font-family: Impact, Roboto, sans-serif;
}

@media(min-width: 900px) {
    h1 {
        font-family: LeChay;
        font-size: 3rem;
        left: 50%;
        right: 50%;
    }
}

h2, h3 {
    color: palegoldenrod;
    font-size: 1.5rem;
    left: 50%;
    right: 50%;
}

p {
    margin-bottom: 1rem;
}

a {
    color: var(--lechay);
}



/* fancy button */

.fancy-button-back-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 0 auto;
}

.fancy-button-back {
  align-items: center;
  background-color: initial;
  background-image: linear-gradient(rgba(34, 37, 49, 1), rgba(46, 190, 190, 0.5) 100%);
  border-radius: 42px;
  border-width: 0;
  box-shadow: rgba(57, 31, 91, 0.24) 0 2px 2px,rgba(179, 132, 201, 0.4) 0 8px 12px;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  font-family: Quicksand,sans-serif;
  font-size: 18px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .04em;
  line-height: 16px;
  margin: 0;
  padding: 18px 18px;
  text-align: center;
  text-decoration: none;
  text-shadow: rgba(255, 255, 255, 0.4) 0 0 4px,rgba(255, 255, 255, 0.2) 0 0 12px,rgba(57, 31, 91, 0.6) 1px 1px 4px,rgba(57, 31, 91, 0.32) 4px 4px 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
}

.fancy-button-back:hover {
  background-image: linear-gradient(#205860, #205860 50%);
}

@media (min-width: 768px) {
  .fancy-button-back {
    font-size: 21px;
    padding: 18px 34px;
  }
}

@font-face {
    font-family: LeChay;
    src: url('assets/font/AL_Nevrada.otf');
}