@font-face{font-family:Neue-Montreal;src:url(/assets/NeueMontreal-Bold.6fd352df.otf) format("opentype");font-weight:700}@font-face{font-family:Neue-Montreal;src:url(/assets/NeueMontreal-Regular.94bbc905.otf) format("opentype");font-weight:400}@font-face{font-family:Neue-Montreal;src:url(/assets/NeueMontreal-Italic.59f51afe.otf) format("opentype");font-weight:italic}:root{font-family:Neue-Montreal;font-size:22px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#e9e3d3;color:#000;overflow:hidden}#app{max-width:90vw;margin:0 auto;padding:1rem 0;text-align:center}@media screen and (max-width: 540px){#app{max-width:100vw}}main{display:flex;align-items:center;flex-direction:column;overflow-x:auto}.grid{display:grid;grid-template-columns:repeat(4,25%);grid-column-gap:0px;grid-row-gap:2rem;width:80vw;-webkit-filter:blur(0px);transition:all ease 1s;height:70vh;overflow:auto;padding-top:1rem;padding-bottom:1rem;-webkit-mask-image:linear-gradient(0deg,rgba(2,0,36,0) 0%,rgb(0,0,0) 5%,rgb(0,0,0) 100%)}@media screen and (max-width: 540px){.grid{width:92vw}}.grid::-webkit-scrollbar{display:none}.item{height:max-content;width:100%;display:flex;position:relative;flex-direction:column;align-items:center;transition:all 5s ease-in-out!important;text-align:left}.item div{margin-top:clamp(0rem,-.2632rem + 1.0526vw,1rem);width:95%;align-items:flex-start}.item img{width:85%;border-radius:.5rem;cursor:pointer;transition:all .4s}.item img:hover{transform:scale(1.02)}.cardContainer{width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;position:absolute;display:flex;top:0%;z-index:19;background-color:#24242400;transition:all ease 1s}.cardContainer p{position:absolute;right:2rem;height:2rem;display:block;line-height:2rem;color:#e9e3d3;font-weight:700;cursor:pointer;transition:all .3s}.cardContainer p:hover{transform:scale(1.15);color:#fff}.selected{background-color:#24242480}.absolute{position:absolute}.card{transition:all cubic-bezier(.075,.82,.165,1) 2s;position:absolute;z-index:20;width:max-content;height:max-content;object-fit:cover;--degree: 40deg;--p1: 0%;--p2: 0%;--p3: 0%;transform:perspective(400px) rotateX(50deg);transform-style:preserve-3d!important}.card img{position:relative;height:auto;transition:all 1s;border-radius:1rem;cursor:pointer}.card #cardFront{transform-style:preserve-3d;backface-visibility:hidden;z-index:-1}.card #cardBack{transform:translateZ(-40px) scale(1)}.card:before{transition:all 1s;z-index:1;border-radius:1rem;transform:scale(.95);background-position:50% 50%;background-size:300% 300%;background-repeat:no-repeat;content:"";mix-blend-mode:luminosity;position:absolute;--highColour: white;background-image:linear-gradient(40deg,rgba(0,0,0,0) var(--p1),var(--highColour) var(--p2),rgba(0,0,0,0) var(--p3));left:0;right:0;bottom:0;top:0;opacity:.3}#cardBack{position:absolute;left:0%}h1{font-size:3.2em;line-height:1.1;color:#ff1616;margin:1rem;transition:all ease 1s}h2{padding:.2rem 0;margin:0;font-size:clamp(.5rem,.4737rem + 2.1053vw,1.5rem)}h4{padding:.2rem 0;margin:0;font-size:clamp(.3rem,.1158rem + .7368vw,1rem);line-height:clamp(.3rem,.1158rem + .7368vw,1rem)}i{display:block;font-size:clamp(.3rem,.1158rem + .7368vw,1rem);font-style:italic;margin-top:.2rem;line-height:clamp(.3rem,.1158rem + .7368vw,1rem)}#fill{width:100vw;height:100vh}
