@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;0,600;1,100&display=swap);body{background:#0000;color:gray;font-family:Raleway,sans-serif;font-size:1.5em;margin:0;text-align:center}.App{margin:40px auto;max-width:1000px}body{height:100%;overflow-y:auto}#number{align-self:center;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#ffffff30;border:1px solid #ffffff24;border-radius:10px;box-shadow:17px 9px 30px #0000007d;box-shadow:0 4px 30px #0000001a;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.1em;padding:10px 15px;text-align:center;vertical-align:center}@media (orientation:landscape){.card-grid{margin-top:40px}.card-grid,.card-grid-video{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;left:50%;margin-left:10px;margin-right:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.card-grid-video{margin-top:250px}#heart{self-align:center;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1em;height:30px;padding-top:10px;text-align:center;vertical-align:center;width:30px}#number{font-size:.8em;left:40%;top:26px;transform:translate(-100%,-30%)}}@media (orientation:portrait){.App{padding-top:2px}.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:10px;margin-right:10px;margin-top:10px}.card-grid-4{margin-left:60px;margin-right:60px}.card-grid-2,.card-grid-4{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.card-grid-2{margin-left:10px;margin-right:10px}#number{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:.7em;height:20px;left:2em;line-height:20px;padding:3px 12px;position:fixed;top:5px;transform:translateX(-50%);z-index:99}}@media (orientation:landscape){h1.title{background-repeat:no-repeat;background-size:contain;color:#fff;height:120px;left:3%;position:absolute;text-shadow:2px 8px 6px #000000b3,0 -5px 35px #ffffffb3;width:120px}.video-tile{margin-bottom:20px;margin-top:220px;text-align:center}}@media (orientation:portrait){h1.title{background-repeat:no-repeat;background-size:contain;color:#000;display:flex;font-size:20px;height:50px;margin-left:10px;position:absolute;text-shadow:2px 8px 6px #0000004d,0 -5px 35px #ffffffb3;top:0;vertical-align:sub;width:50px}#heart{self-align:center;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1em;height:20px;padding-top:10px;text-align:center;vertical-align:center;width:20px}.video-tile{margin-bottom:20px;margin-top:70px;text-align:center}}@media screen and (max-height:400px){.card-grid{grid-gap:10px!important;grid-template-columns:1fr 1fr 1fr 1fr!important}}.card{cursor:pointer;position:relative}.card img,.card svg{display:block;transition:all .2s ease-in;transition-delay:.2s;width:100%}.frontImages{height:100%;overflow:hidden;width:100%}.frontImages iframe{border:none;height:100%;object-fit:cover;width:100%}@media screen and (min-width:767px){.frontImages iframe{min-height:240px;width:472px}.screen-container{height:auto;margin:auto;max-width:500px;position:relative}.screen-container,.video-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.video-wrapper{height:64.5%;position:absolute;top:16%;z-index:2}}@media (max-width:768px){.screen-container{height:auto;margin:auto;max-width:318px;position:relative}.screen-container,.video-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.video-wrapper{height:63.5%;position:absolute;top:17%;z-index:2}}.card .front{border:none;height:100%;object-fit:contain;position:absolute;transform:rotateY(90deg);transition:all .2s ease-in;width:100%}.flipped .front{border:none;transform:rotateY(0deg);transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:.2s}.video-overlay{cursor:pointer;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.video-overlay-mask{z-index:1}.video-overlay-mask:before{border:4px solid #ffffffb3;z-index:2}.overlay-image{opacity:.3}.video-overlay-mask{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.video-overlay-mask:before{background-color:initial;border-radius:50%;content:"";display:block;height:80px;pointer-events:auto;position:absolute;width:80px;z-index:3}.overlay-image{height:100%;object-fit:cover;opacity:.8;width:100%;z-index:-1}.border-overlay-image{width:auto}.video-border-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%;z-index:2}.video-border-overlay.hidden{opacity:0}.border-overlay-image{height:100%;object-fit:cover;pointer-events:none;transition:opacity .2s ease-in-out;width:auto!important}.screen-image{display:block;height:auto;width:100%;z-index:1}
/*# sourceMappingURL=main.896fa52b.css.map*/