.data-container{margin-top:100px}#party-container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"section-title section-title" "section-description party-session" "party-hunt party-session" "party-hunt party-session" "party-historial party-session";gap:20px;align-items:start;justify-content:center;padding:0 20px;background-color:#ffffe0db;border-radius:8px;min-height:1200px}.section-title{grid-area:section-title;text-align:center;font-size:2rem;padding:20px}.section-description{grid-area:section-description;text-align:center;justify-self:center;width:100%}#party-hunt-container textarea::-webkit-scrollbar{width:10px}#party-hunt-container textarea::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}#party-hunt-container textarea::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:2px solid #f1f1f1}#party-hunt-container textarea::-webkit-scrollbar-thumb:hover{background-color:#555}#party-hunt-info{display:block;max-width:400px;padding:20px}#party-hunt-container textarea{margin:10px;min-width:300px;min-height:400px;border-radius:8px;padding:10px}#party-session{grid-area:party-session;min-height:900px;border:2px solid;border-radius:8px;padding:20px;margin:auto}#party-data{min-width:25%}#party-hunt{grid-area:party-hunt;text-align:center;max-width:400px;margin:auto}#party-results{display:grid;grid-template-columns:2fr;grid-template-areas:"ul ul" "ul ul" "ul ul";gap:25px;padding:20px;max-width:475px;min-height:500px;justify-self:center}#cards-container{width:30vw;min-height:400px;background-color:brown;border-radius:8px;perspective:1000px}.results-cards{display:grid;visibility:hidden;padding:10px;background-color:brown;border-radius:8px;max-width:200px;width:11vw;min-width:150px;transform-style:preserve-3d;transform:rotateY(180deg);transition:visibility .5s .3s,opacity .2s ease-in-out;font-size:.8rem}.results-cards h2{text-align:center}.results-cards li{display:flex;justify-content:space-evenly;align-items:center;padding:2px 0}.results-cards li b{flex:1;text-align:left}.results-cards li p{margin:0;text-align:right}.results-cards.hidden{visibility:hidden;opacity:0;transform:rotateY(180deg);transition:visibility .5s .3s,opacity .2s ease-in-out}.results-cards.visible{visibility:visible;opacity:1;transform:rotateY(0);transition:transform .5s ease-in-out,opacity .8s ease-in-out;border:1px solid black;box-shadow:1px 1px #000}.rotate{transform:rotateY(180deg);transition:transform 1s ease-in-out}#party-historial{grid-area:party-historial;width:100%;max-width:400px;margin:auto}#party-historial button{list-style-type:none;margin:10px;padding:5px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}#historial-list{align-content:center;padding:10px;display:grid}#party-historial button.visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}#splitting-instructions{text-align:center;font-size:.9rem}#party-error{display:block;position:absolute;top:50%;left:50%;padding:25px;border:1px solid brown;border-radius:8px;background-color:#fff}@media (max-width: 1280px){#cards-container{width:35vw}.results-cards{max-width:175px;min-width:130px;width:12.5vw;font-size:.7rem}}@media (max-width: 1080px){.results-cards{min-width:130px;padding:5px}#party-hunt-container textarea{min-width:200px;max-width:300px;min-height:350px}#splitting-instructions{font-size:.8rem}}@media (max-width:900px){#cards-container{width:37vw}#party-results{gap:5px;padding:5px}.search-Bar,.contenedor-izquierdo{top:13%}}@media (max-width: 780px){body{min-height:2300px}#party-container{display:grid;grid-template-columns:1fr;grid-template-areas:"section-title" "section-description" "party-hunt" "party-session" "party-historial";gap:10px}#cards-container{width:60vw}.contenedor-izquierdo,.search-Bar{top:10%}#party-results{grid-template-columns:2fr;grid-template-areas:"ul ul" "ul ul" "ul ul" "ul ul";padding:15px 12vw;justify-self:center}}@media (max-width: 570px){#cards-container,#party-session{width:55vw}#party-results{grid-template-columns:1fr;grid-template-areas:"ul" "ul" "ul" "ul";padding:15px 12vw;justify-self:center}}