body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;scroll-behavior:smooth}body{font-size:16px;line-height:1.6}main{align-items:center;background-color:#000;color:#dcdad7;display:flex;justify-content:center;min-height:100vh;position:relative;width:100%}h1{font-family:Courier New,Courier,monospace;text-align:center}h1,li{cursor:pointer}li{list-style-type:none}.list-tags-item{flex:1 1;margin-left:5px;max-width:200px;text-align:center;width:-webkit-fit-content;width:fit-content}.list-tags-item:hover{font-weight:900}.container{flex:1 1;height:100vh;overflow-y:scroll;padding:20px 15px 15px;width:100%}.container::-webkit-scrollbar{width:6px}.container::-webkit-scrollbar-track{background-color:#fff0;border-radius:10px}.cards{grid-gap:20px;display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr)minmax(0,1fr);width:100%}.card{background-color:#d8bfd800;border:1px solid #fff;height:545px;margin-bottom:15px;padding:10px}.card:hover{animation:rotate .35s ease-in-out}.card:hover .card-info-img-src{filter:none}.card-info{display:flex;flex-direction:column;height:100%;width:100%}.card-info-img{border:1px solid #ededed;filter:grayscale(1);margin-bottom:15px;max-height:270px;overflow:hidden;position:relative;width:100%}.card-info-img-src{height:100%;object-fit:cover;transition:all .6s cubic-bezier(.34,1.56,.64,1);width:100%}.card-info-date{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);cursor:pointer;font-family:myFont}.card-info-review{border-right:3px solid #fff0;flex:1 1;font-size:.85rem;min-height:80px;overflow-y:scroll;padding:2px;width:100%}.card-info-review::-webkit-scrollbar{width:3px}.card-info-review::-webkit-scrollbar-track{background-color:#fff0;background-color:var(--track-color,#fff0);border-radius:10px}.card-info-review::-webkit-scrollbar-thumb{background-color:#fff0;background-color:var(--thumb-color,#fff0);border-radius:10px}.card-info-tags{display:flex;gap:5px;margin-top:10px}.card-info-tag{cursor:pointer}.card-info-tags .card-info-tag{background-color:#fff;color:#000;flex:1 1;font-size:.8rem;text-align:center;width:100%}.card-info-tag:hover{animation:rotate .35s ease-in-out;color:#7e7e7e;text-shadow:1px 1px 1px #c4c4c4}.card-play-btn{width:100%}aside{background-color:#a7a7a7;color:#181818;display:flex;flex-direction:column;overflow:hidden}aside:before{background-color:#fff;border:1px solid #000;height:80%;left:10%;position:absolute;top:10%;width:80%}.list-date{background-color:#000;border:1px solid #000;color:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:space-evenly;padding:15px}.list-date li{border-bottom:1px solid #fff0;height:1.6rem;margin:3px 0;text-align:left}.list-date li:first-child{border-bottom:1px solid #fff;font-size:1.2rem;font-weight:800;height:2rem;margin:3px 0}.list-items{display:flex;flex-direction:column;gap:20px}.list-tags{align-items:center;background-color:#000;border:1px solid #000;color:#fff;padding:15px;white-space:nowrap;width:100%}.list-tags-btn{border:none;font-weight:bolder;margin-top:10px;width:100%}.pagination{bottom:0;display:block;position:absolute}.to-top{display:none}.search{height:40px;width:100%}.list-bar{display:none;transform:translateY(-200px)}.list-articles{height:-webkit-fit-content;height:fit-content;padding:10px;width:100%}.list-articles a{color:#000}.list-articles a:before{content:"○"}@keyframes in{0%{transform:translateX(0)}25%{color:#7e7e7e}50%{color:#cecece}75%{color:#7e7e7e}to{transform:translateX(-50%)}}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(2deg)}to{transform:rotate(0deg)}}@-moz-document url-prefix(){.card-info-review,.container{scrollbar-color:#fff0 #fff0}.card-info-review{padding-right:2px;scrollbar-color:var(--track-color,#fff0) var(--thumb-color,#fff0);scrollbar-width:thin}}@media (min-width:615px){aside{gap:20px;height:100vh;padding:20px;position:relative;width:20%}.card-info-img:hover{filter:none}.card-info-img-src:hover{object-fit:contain;transform:scale(.95)}.list-tags:hover .list-tags-box{animation-play-state:paused}.list-tags-box .li-tags{flex:0 0 auto;padding:3px 5px}.list-tags-box .li-tags:hover{text-shadow:-1px -1px 1px #d8d8d8}.list-tags-box{animation:in 8s linear infinite;display:inline-flex;will-change:transform}.list-date li:hover{border-bottom:1px solid #fff}.list-date li:hover span{display:block;font-size:1.2rem;font-weight:800;margin:0;padding:0;transform:translateX(80%);transition:all .1s cubic-bezier(.075,.82,.165,1);width:inherit}.list-date li:first-child:hover span{transform:translateX(60%)}.list-articles{height:200px;width:100%}}@media (max-width:615px){main{flex-direction:column-reverse;max-height:-webkit-fit-content;max-height:fit-content}.container{flex:1 1;height:100vh;margin-bottom:100px;overflow-y:visible;overflow-y:initial;width:100%}.cards{grid-gap:0;display:flex;flex-direction:column;flex-wrap:wrap;font-size:.8rem;justify-content:flex-start;width:100%}.card{background-color:#d8bfd800;border:1px solid #fff;height:-webkit-fit-content;height:fit-content;padding:10px;width:100%}.card-info{display:grid;grid-template:"a b" "c c" "d d" "e f";grid-template-columns:55% 45%}.card-info-img{display:flex;filter:none;grid-area:b;justify-content:end;max-height:150px}.card-info-img-src{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.card-info-text{display:flex;flex-direction:column;grid-area:a;justify-content:space-evenly;text-align:start}.card-info-text h3{font-size:1.5rem}.card-info-date{grid-area:e}.card-play-btn{grid-area:f}.card-info-review{align-self:self-end;font-size:.75rem;grid-area:c;height:-webkit-fit-content;height:fit-content}.card-info-tags{align-self:self-end;font-size:.5rem;grid-area:d;line-height:1.4;margin-bottom:15px}aside{border-bottom:3px double #fff;height:-webkit-fit-content;height:fit-content;overflow:auto;padding:0;position:-webkit-sticky;position:sticky;top:0;transition:all .1s ease;width:100%}aside h1{background-color:#fff}.list-tags{display:flex;flex-wrap:wrap;gap:15px}.list-date{border-bottom:1px solid #fff;display:flex;flex-direction:row;gap:20px;justify-content:flex-start}.list-date.card-info-date{width:-webkit-fit-content;width:fit-content}}
/*# sourceMappingURL=main.f790693e.css.map*/