/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 1, ../sass/_loader.scss */
.barControl {
  margin: 0 auto;
}

/* line 2, ../sass/_loader.scss */
.barContro_space {
  margin: 10px 0;
  background: grey;
  border-radius: 5px;
}

/* line 3, ../sass/_loader.scss */
.vader {
  border-radius: 2px;
  display: block;
  width: 0%;
  box-shadow: 0px 0px 10px 1px #FD4275, 0 0 1px #FD4275, 0 0 1px #FD4275, 0 0 1px #FD4275, 0 0 1px #FD4275, 0 0 1px #FD4275, 0 0 1px #FD4275;
  background-color: #fff;
}

/* line 4, ../sass/_loader.scss */
.yoda {
  border-radius: 2px;
  display: block;
  width: 0%;
  box-shadow: 0px 0px 10px 1px #68B37A, 0 0 1px #68B37A, 0 0 1px #68B37A, 0 0 1px #68B37A, 0 0 1px #68B37A, 0 0 1px #68B37A, 0 0 1px #68B37A;
  background-color: #FFFFFF;
}

/* line 5, ../sass/_loader.scss */
.obi {
  border-radius: 2px;
  display: block;
  width: 0%;
  box-shadow: 0px 0px 10px 1px #3B8CF8, 0 0 1px #3B8CF8, 0 0 1px #3B8CF8, 0 0 1px #3B8CF8, 0 0 1px #3B8CF8, 0 0 1px #3B8CF8, 0 0 1px #3B8CF8;
  background-color: #fff;
}

/* line 6, ../sass/_loader.scss */
.windu {
  border-radius: 2px;
  display: block;
  width: 0%;
  box-shadow: 0px 0px 10px 1px #AC85B4, 0 0 1px #AC85B4, 0 0 1px #AC85B4, 0 0 1px #AC85B4, 0 0 1px #AC85B4, 0 0 1px #AC85B4, 0 0 1px #AC85B4;
  background-color: #fff;
}

/* line 106, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 75%;
  line-height: 1.5em;
}

/* line 39, ../sass/main.scss */
html {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
/* line 45, ../sass/main.scss */
html .MathJax {
  font-size: 1.25rem;
}
/* line 49, ../sass/main.scss */
html ::selection {
  background: #383a42;
  color: white;
}
/* line 54, ../sass/main.scss */
html ::-moz-selection {
  background: #383a42;
  color: white;
}
/* line 59, ../sass/main.scss */
html ::-webkit-selection {
  background: #383a42;
  color: white;
}

/* line 65, ../sass/main.scss */
body {
  background-color: #ffffff;
  color: #353535;
}
/* line 69, ../sass/main.scss */
body a {
  color: #656565;
  text-decoration: none;
}
/* line 74, ../sass/main.scss */
body .toc {
  position: fixed;
  top: 35%;
  right: 12%;
  font-size: 1.1rem;
  line-height: 1.5rem;
  border-left: solid #656565 3px;
  padding-left: 5px;
}
/* line 88, ../sass/main.scss */
body .toc .toc-child {
  margin-left: 10px;
}
/* line 92, ../sass/main.scss */
body .toc .toc-item {
  margin-bottom: 10px;
}
/* line 96, ../sass/main.scss */
body .toc .is-visiable {
  font-weight: bold;
  color: #353535;
}

/* line 103, ../sass/main.scss */
.slogan {
  font-size: 5rem;
  line-height: 7.5rem;
  margin: 180px 0 45px 0;
  font-family: 'Allison', cursive;
}

/* line 112, ../sass/main.scss */
#nprogress .bar {
  background: #353535 !important;
}

/* line 117, ../sass/main.scss */
.hl {
  height: 40px;
  border-bottom: 1px solid #353535;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 1.2rem;
  font-weight: bold;
  font-style: italic;
  justify-content: space-between;
  align-items: center;
}
/* line 133, ../sass/main.scss */
.hl span {
  width: intrinsic;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  height: intrinsic;
  height: -moz-fit-content;
  height: -webkit-fit-content;
}

/* line 142, ../sass/main.scss */
.ss {
  margin: 15% 0 5% 0;
}
/* line 145, ../sass/main.scss */
.ss .quo {
  display: block;
  font-size: 3rem;
  line-height: 3rem;
}
/* line 152, ../sass/main.scss */
.ss #b-quo {
  margin-top: 15px;
}
/* line 156, ../sass/main.scss */
.ss .slogan {
  line-height: 5.5rem;
  font-size: 3rem;
  font-weight: bolder;
  letter-spacing: 1px;
  width: 30%;
}

/* line 170, ../sass/main.scss */
.header-logo {
  margin-top: 100px;
}

/* line 174, ../sass/main.scss */
.menu {
  font-family: 'Rampart One', cursive;
  margin-bottom: 6%;
  margin-top: 50px;
}
/* line 177, ../sass/main.scss */
.menu li {
  display: inline-block;
  font-size: 1.1rem;
  margin-right: 10px;
}
/* line 184, ../sass/main.scss */
.menu li a:hover {
  border-bottom: dashed 1px #353535;
}
/* line 194, ../sass/main.scss */
.menu i {
  margin-right: 5px;
}

/* line 199, ../sass/main.scss */
#container {
  width: 43%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between;
}

/* line 210, ../sass/main.scss */
.article-title {
  display: block;
  font-size: 16px;
  font-size: 1.3rem;
  line-height: 27px;
  line-height: 2.25rem;
  font-family: "Noto Serif", "PT Serif", "source-han-serif-sc", 'Inter', 'Noto Sans SC', 'sans-serif', Songti SC, serif !important;
  font-weight: 500;
  margin: 0;
  color: #353535;
  width: intrinsic;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}
/* line 223, ../sass/main.scss */
.article-title:hover {
  transition: 5ms;
  background-color: #353535;
  color: #ffffff;
}

/* line 232, ../sass/main.scss */
.article-meta {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-top: 5px;
  color: #9A95A1;
  font-family: 'Inter', 'Noto Sans SC', 'sans-serif';
  font-weight: 500;
}
/* line 243, ../sass/main.scss */
.article-meta .part {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
/* line 248, ../sass/main.scss */
.article-meta .part a {
  color: #9A95A1;
}
/* line 253, ../sass/main.scss */
.article-meta i {
  margin-right: 5px;
}

/* line 259, ../sass/main.scss */
.post {
  margin-bottom: 25px;
}

/* line 264, ../sass/main.scss */
#pagination {
  margin-top: 50px;
}
/* line 267, ../sass/main.scss */
#pagination .pagination {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}
/* line 275, ../sass/main.scss */
#pagination .pagination .page-number,
#pagination .pagination .next,
#pagination .pagination .prev {
  display: block;
  border: 2px solid #f3f4f8;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  height: 20px;
  width: 20px;
  margin: 5px;
  transition: all 0.3s linear;
  color: #a7a6a6;
}
/* line 295, ../sass/main.scss */
#pagination .pagination a:hover {
  border: 2px solid #656565;
  color: #656565;
}
/* line 300, ../sass/main.scss */
#pagination .pagination span.current {
  background-color: #656565;
  color: white;
  border: 1px solid #656565;
  height: 22px;
  width: 22px;
  font-weight: bold;
}

/* line 312, ../sass/main.scss */
.inner-title {
  font-size: 38px;
  font-size: 3.2rem;
  line-height: 45px;
  line-height: 3.75rem;
  text-align: center;
  font-weight: bold;
  width: 70%;
  margin: 15% auto 0 auto;
  font-family: "Noto Serif", "PT Serif", "source-han-serif-sc", 'Inter', 'Noto Sans SC', 'sans-serif', Songti SC, serif !important;
}

/* line 324, ../sass/main.scss */
.inner-subtitle {
  font-size: 24px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 3rem;
  width: 90%;
  margin: 20px auto 50px auto;
  text-align: center;
  font-weight: bold;
  font-family: 'Inter', 'Noto Sans SC', 'sans-serif';
}

/* line 334, ../sass/main.scss */
.inner-meta {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 20px auto;
  width: intrinsic;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  font-weight: bolder;
}
/* line 347, ../sass/main.scss */
.inner-meta i {
  margin: 5px;
}
/* line 351, ../sass/main.scss */
.inner-meta .inner-part {
  padding: 0 10px;
}

/* line 1, ../sass/_hl.scss */
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

/* line 1, ../sass/_hl.scss */
code.hljs {
  padding: 3px 5px;
}

/* line 1, ../sass/_hl.scss */
.hljs {
  color: #abb2bf;
  background: #282c34;
}

/* line 1, ../sass/_hl.scss */
.hljs-comment, .hljs-quote {
  color: #5c6370;
  font-style: italic;
}

/* line 1, ../sass/_hl.scss */
.hljs-doctag, .hljs-formula, .hljs-keyword {
  color: #c678dd;
}

/* line 1, ../sass/_hl.scss */
.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
  color: #e06c75;
}

/* line 1, ../sass/_hl.scss */
.hljs-literal {
  color: #56b6c2;
}

/* line 1, ../sass/_hl.scss */
.hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
  color: #98c379;
}

/* line 1, ../sass/_hl.scss */
.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
  color: #d19a66;
}

/* line 1, ../sass/_hl.scss */
.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
  color: #61aeee;
}

/* line 1, ../sass/_hl.scss */
.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
  color: #e6c07b;
}

/* line 1, ../sass/_hl.scss */
.hljs-emphasis {
  font-style: italic;
}

/* line 1, ../sass/_hl.scss */
.hljs-strong {
  font-weight: 700;
}

/* line 1, ../sass/_hl.scss */
.hljs-link {
  text-decoration: underline;
}

/* line 358, ../sass/main.scss */
.inner-content {
  font-family: 'Inter', 'Noto Sans SC', 'sans-serif';
  font-weight: 400;
  margin: 100px auto;
}
/* line 363, ../sass/main.scss */
.inner-content img {
  display: block;
  margin: 30px auto;
  max-width: 100%;
}
/* line 371, ../sass/main.scss */
.inner-content .tabs li::before {
  display: none;
}
/* line 381, ../sass/main.scss */
.inner-content ul {
  margin: 20px 0;
  list-style-type: none;
  padding-left: 8px;
}
/* line 387, ../sass/main.scss */
.inner-content ul li {
  margin: 5px 0;
}
/* line 390, ../sass/main.scss */
.inner-content ul li::before {
  content: "\f0eb";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  color: black;
  margin-right: 6px;
}
/* line 404, ../sass/main.scss */
.inner-content .highlight tr {
  height: auto;
}
/* line 408, ../sass/main.scss */
.inner-content .highlight table,
.inner-content .highlight tr,
.inner-content .highlight td,
.inner-content .highlight th,
.inner-content .highlight tbody {
  border: none;
  padding: 0;
  vertical-align: top;
}
/* line 418, ../sass/main.scss */
.inner-content .highlight table {
  width: 100%;
  max-width: 80%;
  table-layout: fixed;
}
/* line 424, ../sass/main.scss */
.inner-content .highlight td.code {
  color: #ffffff;
  width: 100%;
  background-color: #353535;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
/* line 425, ../sass/main.scss */
.inner-content .highlight td.code pre {
  padding: 0;
}
/* line 428, ../sass/main.scss */
.inner-content .highlight td.code div {
  overflow-x: auto;
  height: 100%;
}
/* line 439, ../sass/main.scss */
.inner-content .highlight td.gutter {
  background-color: #353535;
  color: #7e7e7e;
  width: 20px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
  font-size: 0.75rem;
  white-space: nowrap;
}
/* line 451, ../sass/main.scss */
.inner-content .highlight td.gutter pre {
  height: auto;
  margin: 0;
  text-align: center;
  background: none;
  padding-inline-end: 6px;
  padding-inline-start: 6px;
  padding-block-start: 0;
  padding-block-end: 0;
}
/* line 461, ../sass/main.scss */
.inner-content .highlight td.gutter pre .line {
  line-height: 10px;
}
/* line 473, ../sass/main.scss */
.inner-content .mermaid svg {
  display: block;
  margin: 0 auto;
}
/* line 479, ../sass/main.scss */
.inner-content span.image-caption {
  font-size: 0.8rem;
  display: block;
  text-align: center;
}

/* line 487, ../sass/main.scss */
.vempty {
  visibility: hidden;
}

/* line 491, ../sass/main.scss */
.innernav {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100px;
  font-size: 0.9rem;
  border-top: #383a42 dashed 1px;
  border-bottom: #383a42 dashed 1px;
  padding: 15px 5px;
}
/* line 506, ../sass/main.scss */
.innernav .lnav {
  display: block;
  width: intrinsic;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

/* line 513, ../sass/main.scss */
footer {
  margin-top: 130px;
  height: 50px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.5rem;
  font-family: 'Allison', cursive;
}
/* line 530, ../sass/main.scss */
footer foot {
  display: none;
}
/* line 533, ../sass/main.scss */
footer #busuanzi_container_site_uv {
  font-size: 0.75rem;
}
/* line 535, ../sass/main.scss */
footer #busuanzi_container_site_uv .tagger {
  display: -webkit-flex;
  display: flex;
  font-size: 1.5rem;
  align-items: center;
}

/* line 543, ../sass/main.scss */
li.cat {
  margin-bottom: 10px;
}

/* line 548, ../sass/main.scss */
li.cat-text {
  margin: 10px 0 10px 8px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
/* line 549, ../sass/main.scss */
li.cat-text a {
  font-size: 13px;
  font-size: 1.1rem;
  line-height: 18px;
  line-height: 1.5rem;
  font-family: 'Inter', 'Noto Sans SC', 'sans-serif';
}
/* line 553, ../sass/main.scss */
li.cat-text a:hover {
  color: white;
  background-color: black;
}
/* line 564, ../sass/main.scss */
li.cat-text .dotdotdot {
  flex-grow: 1;
  border-bottom: 1px dotted #777986;
  margin: 0 10px;
}
/* line 570, ../sass/main.scss */
li.cat-text time {
  font-family: 'Inter', 'Noto Sans SC', 'sans-serif';
  font-size: 11px;
  font-size: 0.9rem;
  line-height: 18px;
  line-height: 1.5rem;
  color: #656565;
}

/* line 608, ../sass/main.scss */
.cat-title {
  font-family: 'Inter', 'Noto Sans SC', 'sans-serif';
  font-weight: 500;
}

/* line 613, ../sass/main.scss */
h1.cat-title {
  font-size: 16px;
  font-size: 1.3rem;
  line-height: 27px;
  line-height: 2.25rem;
}

/* line 617, ../sass/main.scss */
h2.cat-title {
  font-size: 14px;
  font-size: 1.15rem;
  line-height: 18px;
  line-height: 1.5rem;
}

/* line 643, ../sass/main.scss */
.giscus {
  width: 80%;
  margin: 0 auto;
}

@media screen and (min-height: 1000px) and (min-width: 1024px) {
  /* line 649, ../sass/main.scss */
  #posts {
    height: 35vh;
  }
}
@media screen and (max-width: 1300px) {
  /* line 656, ../sass/main.scss */
  #container {
    width: 70%;
  }

  /* line 661, ../sass/main.scss */
  body .toc {
    right: 10px;
  }
}
@media screen and (max-width: 1060px) {
  /* line 106, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
  html {
    font-size: 75%;
    line-height: 1.5em;
  }

  /* line 670, ../sass/main.scss */
  #container {
    width: 90%;
  }

  /* line 675, ../sass/main.scss */
  body .toc {
    display: none;
  }

  /* line 680, ../sass/main.scss */
  .hl {
    height: 6vh;
  }

  /* line 684, ../sass/main.scss */
  .article-meta {
    display: block;
    margin-top: 10px;
  }
  /* line 689, ../sass/main.scss */
  .article-meta .part:not(:last-child) {
    margin-bottom: 4px;
  }

  /* line 695, ../sass/main.scss */
  .inner-meta {
    flex-direction: column;
    align-items: center;
  }

  /* line 700, ../sass/main.scss */
  .inner-content {
    margin: 30px auto;
  }
  /* line 704, ../sass/main.scss */
  .inner-content .highlight table {
    width: 95%;
  }

  /* line 711, ../sass/main.scss */
  .menu {
    margin-top: 100px;
  }

  /* line 715, ../sass/main.scss */
  footer {
    height: 5vh;
  }

  /* line 720, ../sass/main.scss */
  .slogan {
    margin: 100px 0 45px 0;
  }

  /* line 724, ../sass/main.scss */
  .vquote {
    border-left: #353535 1px dashed;
  }

  /* line 728, ../sass/main.scss */
  .inner-title {
    width: 90%;
  }
}
/* line 733, ../sass/main.scss */
.desktop {
  height: 250px;
  width: 600px;
  margin: 0 auto 50px;
}

/* line 741, ../sass/main.scss */
.pro-ul {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-template-rows: 150px repeat(auto-fill, 150px);
}
/* line 749, ../sass/main.scss */
.pro-ul .pro-li {
  border: 1px solid #f3f4f8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 18px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* line 760, ../sass/main.scss */
.pro-ul .pro-li span.name {
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 27px;
  line-height: 2.25rem;
  display: inline;
}
/* line 765, ../sass/main.scss */
.pro-ul .pro-li .des {
  margin-top: 8px;
  color: #777986;
  font-size: 10px;
  font-size: 0.8rem;
  line-height: 18px;
  line-height: 1.5rem;
}
/* line 772, ../sass/main.scss */
.pro-ul .pro-li .meta div.s-meta {
  color: #9496a1;
  font-size: 10px;
  font-size: 0.8rem;
  line-height: 18px;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
/* line 779, ../sass/main.scss */
.pro-ul .pro-li .meta div.s-meta i {
  margin-right: 3px;
}
/* line 783, ../sass/main.scss */
.pro-ul .pro-li .meta div.s-meta .source-block {
  margin-right: 15px;
}

/* line 792, ../sass/main.scss */
.photos-container {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
/* line 797, ../sass/main.scss */
.photos-container .photos-filter {
  margin: 15px 0;
  display: -webkit-flex;
  display: flex;
}
/* line 801, ../sass/main.scss */
.photos-container .photos-filter #photos-type {
  margin-left: auto;
  margin-right: auto;
  border: none;
  background-color: white;
  font-family: 'Great Vibes', cursive;
  font-size: 25;
  display: inline-block;
  outline: none;
}

/* line 816, ../sass/main.scss */
.photos-title {
  font-family: 'Great Vibes', cursive;
  font-size: 70;
  line-height: 150%;
  text-align: center;
  margin: 55px 0;
}

/* line 824, ../sass/main.scss */
.photos-grid {
  position: relative;
  transition: opacity 0.8s linear 1s;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
/* line 832, ../sass/main.scss */
.photos-grid .item {
  position: absolute;
  margin: 5px;
  z-index: 1;
}
/* line 838, ../sass/main.scss */
.photos-grid .item.muuri-item-hidden {
  z-index: 0;
}
/* line 842, ../sass/main.scss */
.photos-grid .item.muuri-item-releasing {
  z-index: 2;
}
/* line 846, ../sass/main.scss */
.photos-grid .item.muuri-item-dragging {
  z-index: 3;
}
/* line 850, ../sass/main.scss */
.photos-grid .item-content {
  position: relative;
  cursor: pointer;
}
/* line 856, ../sass/main.scss */
.photos-grid .item-content img {
  display: block;
  border-radius: 6px;
  max-height: 400px;
  max-width: 390px;
  min-width: 200px;
  min-height: 200px;
}