html {
  height: 100%;
  color: #272423;
  background-color: #E2E2E2;
  font-weight: 200;
  font-size: 18px;
}

body {
  height: 100%;
}

.serif {
  font-family: Gorgia, serif;
}

.wrap {
  background-color: #eee;
  background-color: rgba(238, 238, 238, 0.8);
  margin: 0;
}

.uk-h2 {
  margin: 20px 0 0 0;
}

* + .uk-h2 {
  margin-top: 20px;
}

.logo_k-dsgn {
  height: 2rem;
}

.out-title {
  font-weight: 200;
  color: #606060 !important;
  letter-spacing: 0.2rem;
}

.btn-icon svg {
  vertical-align: -6px;
}

.uk-button {
  border-radius: 500px;
}

.uk-button-default {
  border-color: #606060;
}

.btn_more-off {
  color: #bbb;
}

.btn_more-on {
  color: #272423;
}

.btn_more-active .btn_more-off {
  color: #272423;
}
.btn_more-active .btn_more-on {
  color: #bbb;
}

.uk-button-default:hover {
  border-color: #606060;
  background-color: #606060;
  color: #E2E2E2;
}
.uk-button-default:hover .btn_more-off {
  color: #272423;
}
.uk-button-default:hover .btn_more-on {
  color: #E2E2E2;
}
.uk-button-default:hover .btn_more-active .btn_more-off {
  color: #E2E2E2;
}
.uk-button-default:hover .btn_more-active .btn_more-on {
  color: #272423;
}

.lock {
  line-height: 1.7;
  font-size: 2rem;
  margin-left: 1rem;
}

.icon-unlock {
  color: #606060;
}

.pazzle_item {
  font-size: 1.5rem;
  line-height: 1.7;
  margin-left: 1rem;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", serif;
  font-weight: 700;
}