@import "https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/base-min.css";@import "https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/buttons-min.css";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bungee:wght@400;700&display=swap";html,body{width:100%;height:100%}body{color:#fff;background-color:#111202;font-family:Roboto,sans-serif}main{height:100%;height:100%;box-sizing:border-box;display:flex;overflow:hidden}.grid{min-height:100%;grid-template-rows:100vh;gap:2%;display:grid;overflow:hidden}.card{text-align:center;height:auto;display:flex}.card a{color:#fff;background-color:orange}.card a:hover{background-color:green}h1,h2,h3{white-space:nowrap;text-overflow:ellipsis;font-family:Bungee;overflow:hidden}picture{height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px}.picture-container{width:100%;height:100%;position:relative;overflow:hidden}.picture-container picture{width:100%;height:100%;position:absolute;inset:0}header h3{text-shadow:2px 2px #0c0c0c66}.picture-container-link:after{content:"▶";width:50px;height:50px;color:#fff;background-color:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.grid{min-width:100%;scroll-snap-type:x mandatory;display:inline-flex;overflow-x:auto;overflow-y:hidden}.grid::-webkit-scrollbar{width:0;height:0;display:none}.card{scroll-snap-align:start;min-width:100vw;flex-direction:column}.card .header,.card .p{flex:none}.card .picture{flex:auto}.grid .card:last-child{margin-right:0}.picture-container{flex:1}.picture-container-link:after{top:50%;right:50%}}@media (min-width:768px){main,body,html,.grid{min-height:100%;height:auto;width:100%;}.grid{grid-template-columns:repeat(auto-fit,minmax(25%,1fr));grid-auto-rows:minmax(100vh,350px);margin:0 2%}.card{width:auto;height:100%;flex-direction:column}}@media (max-height:480px) and (max-width:767px){.grid{height:auto;grid-template-columns:repeat(100vw,1fr);scroll-snap-type:y mandatory;grid-template-rows:repeat(9999,minmax(100vh,1fr));overflow-y:auto}.grid::-webkit-scrollbar{width:0;height:0;display:none}.card{scroll-snap-align:start;min-width:100vw;height:100%;display:block;position:relative}.picture-container-link:after{inset:auto 2% 15% auto}.header,.p{z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header{background-color:#00000087;border-radius:8px;top:25%}.header h3{margin:8px}.p{bottom:35%}}@media (min-width:960px){.grayscale-background{filter:grayscale();transition:filter .3s ease-in-out}.grayscale-background:hover{filter:grayscale(0)}}