/* @import "main.css"; */
@import "monokai.css";
blockquote p{
    position: relative;
    padding: 20px 30px 20px 50px;
    background-color: #e1f5fe;
    color: #01579b;
    font-size: 1.4rem;
    line-height: 1.62em;
    border-radius: 3px;
}
blockquote p::before {
	content: '\2605';
	position: absolute;
	left: 18px;
	font-size: 20px;
}
p img {
  max-width: 100%;
  height: auto;
  border-radius: 1.4rem !important;
  -moz-box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15) !important;
  -webkit-box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15) !important;
}
.dark-mode p img {
  max-width: 100%;
  height: auto;
  border-radius: 1.4rem !important;
  -moz-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
}
.thumb {
  max-width: 100%;
  height: auto;
  border-radius: 1.4rem !important;
  -moz-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
}
.dark-mode .thumb {
  max-width: 100%;
  height: auto;
  border-radius: 1.4rem !important;
  -moz-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4) !important;
}
.bg {
  background-image: url(/assets/img/backgs.svg);
  background-repeat:no-repeat;
background-position: center center;

}
@media (max-width: 768px) {
  .bg {
    background-image: url(/assets/img/backgs-mbl.svg);
    background-repeat:no-repeat;
background-position: center center;
  }
}
/* Hero styles */
/* .content.hero {
 	margin-top: 15rem;
  margin-bottom: 15rem;
  margin-left: auto;
}
@media (max-width: 768px) {
  .content.hero {
    margin-top: 4.5rem;
    margin-bottom: 8rem;
    margin-left: 2.2rem;
  }
} */
.hero-header {
  font-size: 6rem;
}
@media (max-width: 768px) {
  .hero-header {
      font-size: 3.2rem;
  }
}
.hero-content {
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .hero-content {
      font-size: 1.4rem;
  }
}
a.is-cta {
  display: inline-block;
  font-size: 1.6rem;
  height: 4rem;
  line-height: 4rem;
  letter-spacing: 1px;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  a.is-cta {
      font-size: 1.4rem;
      height: 3.6rem;
      line-height: 3.6rem;
  }
}

/* Notice link */

a.notice-link {
  display: block;
  border-radius: 2rem;
  color: rgba(0, 131, 162, 0.8);
  background-color:#ecf0f1;
}
a.notice-link:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color:#ecf0f1;
  text-decoration: none;
}
.dark-mode a.notice-link{
  display: block;
  border-radius: 2rem;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(20, 18, 18, 0.733);
}
.dark-mode a.notice-link:hover{
  display: block;
  border-radius: 2rem;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(20, 18, 18, 0.151);
}

/* Highlight Monokai */