#root,body,html{margin:0;padding:0;height:100%;width:100%}.App{width:100vw;height:100vh;background-image:url(/static/media/Inventress.3f0eb036.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;font-family:"Macondo Swash Caps",cursive}.App-header{padding:2rem;background-color:rgba(0,0,0,.5);color:#fff;text-align:center;border-radius:10px}.App-header h1{font-size:3em;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.start-button{margin-top:20px;padding:10px 20px;font-size:1.2em;font-family:"Macondo Swash Caps",cursive;background-color:hsla(0,0%,100%,.2);color:#fff;border:2px solid #fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.start-button:hover{background-color:hsla(0,0%,100%,.3);transform:scale(1.05)}.play-button{margin-top:20px;padding:15px 40px;font-size:1.5em;font-family:"Macondo Swash Caps",cursive;background-color:hsla(0,0%,100%,.2);border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;transition:all .3s ease}.play-button:hover{background-color:hsla(0,0%,100%,.3);transform:scale(1.05)}.story1-container{width:100vw;height:100vh;background-image:url(/static/media/Inventress.3f0eb036.png);background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center}.parchment{position:relative}.continue-button{margin-top:20px;padding:10px 20px;background-color:rgba(139,69,19,.8);color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:"Macondo Swash Caps",cursive}.story2-container{width:100vw;height:100vh;background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background-image .5s ease-in-out}.story2-container.house{background-image:url(/static/media/Professeur-house.dbfa70b4.png)}.story2-container.portrait{background-image:url(/static/media/Professeur-portrait.962932bf.png)}.next-button{position:absolute;bottom:40px;right:40px;padding:15px 30px;background-color:rgba(0,0,0,.7);color:#fff;border:2px solid #daa520;border-radius:5px;cursor:pointer;font-family:"Macondo Swash Caps",cursive;font-size:1.2em;transition:all .3s ease}.next-button:hover{background-color:rgba(0,0,0,.8);transform:scale(1.05)}.close-button{padding:10px 20px;background-color:rgba(0,0,0,.7);border:2px solid #daa520;border-radius:5px;font-family:"Macondo Swash Caps",cursive;font-size:1em}.close-button:hover{background-color:rgba(0,0,0,.8);transform:scale(1.05)}.story3-container{width:100vw;height:100vh;background-image:url(/static/media/Professeur-portrait.962932bf.png);background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.parchment{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);width:90%;max-width:600px;background-color:rgba(255,236,196,.95);border-radius:10px;padding:40px;box-shadow:0 0 20px rgba(0,0,0,.5);font-family:"Macondo Swash Caps",cursive;border:2px solid #8b4513;z-index:1}.parchment h2{color:#8b4513;margin-bottom:20px;text-align:center}.parchment p{line-height:1.6;color:#333;font-size:1.2em}.close-button{top:10px;right:10px;background-color:#8b4513;border:none;width:30px;height:30px;z-index:2}.close-button:hover{background-color:sienna}.tictactoe-container{width:100vw;height:100vh;background-image:url(/static/media/Desk.bfc6a2ce.png);background-size:cover;background-position:50%;background-repeat:no-repeat;justify-content:flex-start;padding-top:15vh}.grid-container,.tictactoe-container{display:flex;flex-direction:column;align-items:center;position:relative}.grid-container{margin-top:10vh;grid-gap:20px;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);grid-gap:5px;gap:5px;background-color:hsla(0,0%,100%,.2);padding:10px;border-radius:10px}.cell{background-color:hsla(0,0%,100%,.1);border:2px solid #fff;display:flex;justify-content:center;align-items:center;font-size:40px;color:#fff;cursor:pointer;transition:all .3s ease}.cell:hover{background-color:hsla(0,0%,100%,.2)}.cell.X{color:#f44}.cell.O{color:#4f4}.winner-message{position:absolute;top:12vh;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:15px 30px;border-radius:5px;font-size:24px;font-family:"Macondo Swash Caps",cursive;z-index:10}.close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.2);border:2px solid #fff;color:#fff;font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background-color:hsla(0,0%,100%,.3);transform:scale(1.1)}.status-container{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px;margin-top:20px}.score-board{display:flex;grid-gap:40px;gap:40px;background-color:rgba(0,0,0,.7);padding:20px;border-radius:10px;border:2px solid #daa520;color:#fff;font-family:"Macondo Swash Caps",cursive}.score-item{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px}.player-name{font-size:1.2em;color:#daa520}.score-value{font-size:2em;font-weight:700}.header-controls{top:80px;display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px}.header-controls,.reset-button{position:absolute;left:50%;transform:translateX(-50%)}.reset-button{top:20vh;padding:15px 30px;font-size:1.2em;font-family:"Macondo Swash Caps",cursive;background-color:rgba(0,0,0,.7);color:#fff;border:2px solid #daa520;border-radius:5px;cursor:pointer;transition:all .3s ease;z-index:10}.reset-button:hover{background-color:rgba(0,0,0,.8);transform:translateX(-50%) scale(1.05)}.difficulty-level{background-color:rgba(0,0,0,.7);color:#daa520;padding:10px 20px;border-radius:5px;font-family:"Macondo Swash Caps",cursive;border:2px solid #daa520;text-align:center;min-width:200px}
/*# sourceMappingURL=main.975f7dd9.chunk.css.map */