@import"https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap";.cookie-consent{text-align:center}.cookie-consent button{padding:10px 20px;color:#97c7cc;background-color:transparent;border:none;cursor:pointer}.cookie-consent button h3{color:#97c7cc}.cookie-consent button h3:hover{color:#be97cc;transition:color .3s ease}.history-sidebar{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;right:-460px;z-index:1000;gap:20px;width:460px;height:100vh;background-color:#160c19;box-shadow:-2px 0 5px #0003;transition:right .3s ease;overflow-y:auto}.history-sidebar.show{right:0}.history-sidebar h1{text-align:center;margin-top:20px}.history-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:90%}.history{display:flex;flex-direction:row;align-items:center;width:80%}.history-sidebar p{padding:0 30px}.card{min-width:60px;max-width:60px;margin-right:6px;overflow:hidden}.card img{width:100%;height:auto}.card-info{padding-left:10px}@media screen and (max-width: 600px){.history-sidebar{right:-320px;width:320px}}.header{display:flex;align-items:center;justify-content:center;position:relative;padding:36px 60px}.icon-history{position:absolute;right:260px}.icon-history img{width:36px;height:36px;transition:transform .3s;cursor:pointer}.icon-history img:hover{transform:scale(1.2)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.body{display:flex;justify-content:start;margin:0 160px;min-height:calc(100vh - 160px)}.left-side,.right-side{display:flex;flex-direction:column;align-items:center}.left-side{flex:1;gap:26px}.card-container{position:relative;display:flex;align-items:center;justify-content:center;margin-top:20px;height:370px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-image{position:absolute;max-width:230px;opacity:0}.card-image.stacked{z-index:1}.card-image:nth-child(1){transform:translateY(0) rotate(0);animation:fadeIn .4s forwards}.card-image:nth-child(2){transform:translateY(-10px) rotate(-5deg)}.card-image:nth-child(3){transform:translateY(-20px) rotate(5deg);animation:fadeIn .8s forwards}.card-image:nth-child(4){transform:translateY(-30px) rotate(-3deg);animation:fadeIn 1s forwards}.card-image:nth-child(5){transform:translateY(-40px) rotate(3deg);animation:fadeIn 1.2s forwards}.draw-cards{display:flex;gap:16px}.draw-cards button{padding:9px 0;width:100px;color:#000;background-color:#faedc6;border-radius:9px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.draw-cards button:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.ask-the-oracle{flex:1;padding:0 16px;height:40px;font-size:1.2rem;background:transparent;border:3px solid #97C7CC;border-radius:16px;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease}.ask-the-oracle:focus{outline:none;border-color:#be97cc}.icon-lightbul-on{display:flex;align-items:center;position:absolute;right:0;padding-right:16px}.icon-lightbul-on img{width:26px;height:26px;cursor:pointer}.right-side{display:flex;flex-direction:column;align-items:center;flex:1;padding:0 120px;gap:30px}.right-side h2{text-align:center;width:100%}.right-side p{text-align:left;width:100%;margin:0}.input-container{display:flex;align-items:center;position:relative;width:100%}.choosen-card{color:#be97cc}.footer{margin-top:auto;padding:30px 0}.source{display:flex;justify-content:center;gap:120px}.source-item{text-align:center;width:160px}@media (max-width: 1200px){.header{flex-direction:row;padding:20px}.icon-history{position:absolute;top:90px;right:60px}.body{flex-direction:column;margin:0 20px}.left-side,.right-side{padding:20px 0}.ask-the-oracle{margin:0 90px}.icon-lightbul-on{padding-right:10%}.oracle-answer,.right-side{margin:0 90px}.source{flex-direction:column;align-items:center;gap:20px}}@media (max-width: 900px){.ask-the-oracle{margin:0 60px}.icon-lightbul-on{padding-right:76px}.oracle-answer,.right-side{margin:0 60px}}@media (max-width: 600px){.ask-the-oracle{margin:0 26px}.icon-lightbul-on{padding-right:36px}.oracle-answer,.right-side{margin:0 30px}}*{margin:0;padding:0;font-family:Irish Grover,cursive;font-weight:lighter;color:#faedc6}h1{font-size:3.6rem;color:#be97cc}h2{font-size:2.3rem}h3{font-size:1.6rem}p{font-size:1.3rem;line-height:1.4}a{color:#97c7cc}hr{width:86%;border:2px solid #FAEDC6;border-radius:16px}body{background-color:#000}