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}#root{--deck-shadow:1px 1px #fff,2px 2px gray,3px 3px #fff,4px 4px,5px 5px gray,6px 6px #fff,7px 7px gray,8px 8px,9px 9px gray,10px 10px #fff,11px 11px gray,12px 12px,-1px -1px;height:100vh;width:100vw}body{background-color:#f6bb33;transition:all 2s ease}.App,body{display:flex;width:100vw}.App{align-items:center;flex-direction:column;justify-content:space-evenly;text-align:center}.deck{background-color:#ec3608;border-radius:15px;box-shadow:var(--deck-shadow);height:336px;margin:3rem;width:200px}.upper{display:flex}.navbox{align-self:flex-end;border-style:groove;border-width:3px;justify-self:center}.card{align-items:center;background-color:#f6bb33;border-radius:15px;border-style:solid inset;border-width:1px;box-shadow:inset 10px 10px #e9e9e9,inset -10px -10px #e9e9e9,2px 2px 4px gray,-2px -2px 4px #e9e9e9;display:flex;flex-direction:column;height:25.2rem;justify-content:center;margin:1rem;position:relative;width:15rem}.card img{border-radius:8px;height:24rem;position:absolute;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s;will-change:transform}.card img:hover{-webkit-transform:translateY(-2rem);transform:translateY(-2rem);transition:all 2s ease}.card .questions{-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease;background-color:#ec3608;border-radius:12px;bottom:0;box-shadow:inset 2px 2px #e9e9e9,inset 2px 2px #e9e9e9,2px 2px 4px gray,-2px -2px 4px #e9e9e9;color:-1px -1px gray;opacity:0;position:absolute;transition:opacity 2s ease;width:15rem;will-change:opacity;z-index:1}.card.new-card{-webkit-animation:fadeIn 1s ease-in;animation:fadeIn 1s ease-in;opacity:0;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease}.entry,.entrycard{display:flex;flex-direction:column}.entry{align-items:center;background-color:rgba(119,195,198,.475);height:30rem;justify-content:space-evenly;width:20rem}.entry,.entry li{box-shadow:2px 2px 5px #2f4f51,-2px -2px 5px #8be8eb}.entry li{text-align:center;width:10rem}.card:hover .questions{opacity:1;transition:2s ease}.container{align-items:center;border-style:ridge;border-width:3px;display:flex;flex-wrap:wrap;justify-content:center;min-height:40vh;transition:all 2s ease;transition:all 2s;width:95vw;will-change:height}.card .new-card{-webkit-animation:fadeIn 2s ease;animation:fadeIn 2s ease;opacity:0;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}
/*# sourceMappingURL=main.da53e7eb.css.map*/