@import url(https://fonts.googleapis.com/css?family=Nunito);@charset "UTF-8";

.u-m-0 {
  margin: 0px;
}

.u-p-0 {
  padding: 0px;
}

.u-m-10 {
  margin: 10px;
}

.u-p-10 {
  padding: 10px;
}

.u-m-15 {
  margin: 15px;
}

.u-p-15 {
  padding: 15px;
}

.u-m-20 {
  margin: 20px;
}

.u-p-20 {
  padding: 20px;
}

.u-m-25 {
  margin: 25px;
}

.u-p-25 {
  padding: 25px;
}

.u-m-30 {
  margin: 30px;
}

.u-p-30 {
  padding: 30px;
}

.u-m-50 {
  margin: 50px;
}

.u-p-50 {
  padding: 50px;
}

body {
  background: #efefef;
}

.navbar-burger {
  color: white;
}

.navbar-menu.is-active {
  background: #cc4138;
}

.vote {
  font-size: larger;
  font-weight: bold;
  background: none;
  border: none;
  background-color: transparent;
}

.upvoted {
  background-color: #e7c81f;
  color: #8a130b;
}

.downvoted {
  background-color: #cc4138;
  color: #e7c81f;
  border: none;
}

.saved {
  background-color: #7ff1af;
}

.navbar {
  background: #cc4138;
}

.is-danger-clash {
  background-color: #e7c81f;
  display: block;
  color: #cc4138;
}

.form-req {
  color: #cc4138;
}

.card-footer-item {
  cursor: pointer;
}

.navbar-item img {
  max-height: 100%;
}

.card-equal-height {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 100%;
}

.card-equal-height .card-footer {
  margin-top: auto;
}

.card-image .image img {
  -o-object-fit: contain;
     object-fit: contain;
  background: #111;
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
  background-color: #f04a3e;
}

.button.is-primary {
  background-color: #8a130b;
}

.button.is-light {
  background-color: #e7c81f;
}

.button.is-light:hover {
  background-color: #d6b817;
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
  background-color: #efefef;
  color: #3273dc;
}

.navbar-item,
.navbar-link {
  color: #efede8;
  font-weight: bold;
}

.navbar-item {
  color: #e7c81f;
  font-weight: bold;
}

.navbar-link:not(.is-arrowless)::after {
  border-color: #8a130b;
}

.navbar-dropdown {
  background-color: #e7c81f;
}

.saved {
  background: #38c172;
}

.footer {
  background: #bb3830;
  color: white;
}

.footer strong {
  color: #e7c81f;
}

.Site {
  display: -webkit-box;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.Site-content {
  -webkit-box-flex: 1;
          flex: 1;
}

.flex-bottom {
  -webkit-box-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.muted-footer {
  border: 0;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}

.stat-val {
  font-size: 3em;
  padding-top: 20px;
  font-weight: bold;
}

.stat-key {
  font-size: 1.4em;
  font-weight: 200;
}

.base-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.is-readonly {
  color: #151414;
  background: #b7b6b6;
}

.is-fb-login {
  display: block;
  margin-top: 20px;
}

.is-center-clash {
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

.content {
  overflow: hidden;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#login {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: top;
          align-items: top;
  -webkit-box-pack: center;
          justify-content: center;
  background: #F7F7F7;
}

#login .login-card {
  background: #fff;
  width: 24rem;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11);
}

#login .login-card .card-title {
  background-color: #cc4138;
  padding: 2rem;
}

#login .login-card .card-title h1 {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}

#login .login-card .content {
  padding: 3rem 2.5rem 5rem;
}

#login .login-card #email,
#login .login-card #password,
#login .login-card #name,
#login .login-card #password-confirm {
  display: block;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 1.75rem;
  padding: 0.25rem 0;
  border: none;
  border-bottom: 1px solid #dbdbdb;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#login .login-card #email:hover,
#login .login-card #password:hover,
#login .login-card #name:hover,
#login .login-card #password-confirm:hover {
  border-color: #7a7a7a;
}

#login .login-card #email:active,
#login .login-card #email:focus,
#login .login-card #password:active,
#login .login-card #password:focus,
#login .login-card #name:active,
#login .login-card #name:focus,
#login .login-card #password-confirm:active,
#login .login-card #password-confirm:focus {
  border-color: #cc4138;
}

#login .login-card .checkbox {
  color: #b5b5b5;
  font-size: 0.8rem;
}

#login .login-card .checkbox span {
  margin-left: 0.5rem;
}

#login .login-card a {
  font-size: 0.8rem;
}

#login .login-card .options {
  color: #b5b5b5;
  margin-bottom: 1.5rem;
}

#login .login-card button {
  cursor: pointer;
  font-size: 1.2rem;
  color: #cc4138;
  border-radius: 4rem;
  display: block;
  width: 100%;
  background: transparent;
  border: 2px solid #cc4138;
  padding: 0.9rem 0 1.1rem;
  -webkit-transition: color 0.5s, border-color 0.5s;
  transition: color 0.5s, border-color 0.5s;
}

#login .login-card button:hover,
#login .login-card button:focus {
  color: #5b0c07;
  border-color: #5b0c07;
}

#login .login-card button:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

label {
  cursor: pointer;
}

.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding: 7px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.regular-checkbox:checked + label {
  background-color: #e9ecee;
}

.regular-checkbox:checked + label:after {
  content: "\2714";
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 3px;
  color: #b5b5b5;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}