#story_overview h3,#story_overview p{margin-bottom:.75rem}
#games_info>div,.gallery_thumbs{grid-template-columns:auto auto auto}
#game_pics h3,#games_info,#story_overview,.games_welcome h2,form{text-align:center}
.games_welcome{height:8rem;width:100%;padding:6rem 0 4rem;margin:40px 0 2rem}
.pharaohs_welcome{background:url(assets/pharaohs-background.webp) center no-repeat;background-size: cover;}
.clockwork_welcome{background:url(assets/clockwork-background.webp) center no-repeat;background-size: cover;}
#story_overview button,.games_book{cursor:pointer;color:var(--black);background-color:var(--orange)}
.games_welcome h2{font-size:1.8rem}
.games_book{display:block;width:fit-content;margin:1rem auto 0;padding:.65rem 1.5rem;font-size:1rem;font-weight:700;border:none;box-shadow:0 0 .75rem .15rem rgba(2,2,6,.6);border-radius:.15rem}
.more p,.pics_gallery{margin:0 auto}
.games_book:focus-visible,.games_book:hover{background-color:var(--white);color:var(--orange)}
.games_book:focus-visible{outline-color:var(--orange)}
#story_overview{width:75%;margin:0 auto 2rem}
#story_overview p{font-size:1.25rem}
#story_overview button{padding:.5rem 1rem;font-size:.85rem;font-weight:700}
#story_overview button:hover{background-color:var(--white);color:var(--orange)}
.more{max-height:0;transition:max-height .3s ease-in-out;overflow:hidden}
.more button,.more_btn{border-radius:.15rem;margin: 2px 2px;}
.more button,.more p{visibility:hidden;width:0}.more.active{max-height:fit-content}
.more.active button,.more.active p{visibility:visible;width:fit-content}
#games_info img,.more_btn.inactive{visibility:hidden;display:none}
#games_info{margin-top:2rem;padding:2.3rem 0 2rem;background-color:var(--black)}
#games_info>div{display:grid;margin:1rem auto;justify-content:space-evenly}
#games_info h3{font-size:1.3rem}
#games_info p{font-size:1.1rem}
@media screen and (min-width:750px){
    #games_info img{visibility:visible;display:block;width:8rem;height:auto;margin:0 auto}}
#game_pics{width:80%;margin:1.3rem auto 2rem}
#game_pics h3{margin-bottom:1.3rem}
.pics_gallery{position:relative;width:80%}
.gallery_slide{display:none}
.gallery_slide img{width:100%;border-radius:.25rem}
.thumbnails img{cursor:pointer}
.next_img,.prev_img{cursor:pointer;position:absolute;width:auto;top:32%;padding-top:.3rem;padding-bottom:.5rem;color:#fff;background-color:var(--black);opacity:.8;border-radius:50%;font-weight:700;font-size:1.2rem;user-select:none;-webkit-user-select:none}
.next_img:focus-visible,.next_img:active,.prev_img:focus-visible,.prev_img:active{color:var(--orange)}
.prev_img{left:5%;padding-left:.85rem;padding-right:.95rem}
.next_img{right:5%;padding-right:.85rem;padding-left:.95rem}
.prev_img:hover,.next_img:hover{opacity: 1;}
.gallery_thumbs{display:grid;width:fit-content;height:min-content;justify-content:space-between;gap:.25rem}
.preview_img,.thumbnails{width:100%;border-radius:.15rem}
.thumbnails{float:left;height:fit-content;padding:0;background-color:transparent}
.preview_img{height:auto;opacity:.5;outline:transparent solid 2px;transition:opacity .2s ease-in-out,outline .2s ease-in-out}
.video{width:80%;margin:2rem auto}
.video__iframe{aspect-ratio:16/9;width:100%;height:auto;border-radius:.25rem;position:relative}
.video__notice{width:auto;margin:-1.25rem auto 0}
.video__notice p{margin-bottom:0;font-size:.75rem}
.video__notice a{font-weight:500}
.video__notice button{font-size:.85rem;font-weight:500;padding:.4rem 1rem;margin-top:.75rem;border:none;cursor:pointer;background-color:var(--white);color:var(--black);border-radius:.15rem;opacity:.95}
.video__notice button:focus-visible,.video__notice button:hover{color:var(--white);background-color:var(--orange);outline-color:var(--white)}
form{padding:2%;background-color:rgba(16,16,20,.65);border:1px solid var(--orange);width:fit-content;border-radius:.2rem}
.video__notice.notice_hidden{max-height:0;visibility:hidden;padding:0;margin:0}
.preview_img.active{opacity:1;outline:2px solid var(--lt-gray)}
@media screen and (min-width:1200px){
    #story_overview{text-align:left;margin:1rem 10%}
    .more p{margin:0}
    #games_info>div{margin:0 auto}
    #games_info h3{font-size:1.5rem}
    .pics_vids{display:grid;grid-template-columns:41% auto;place-items:center}
    .video{width:100%;margin:0}
    .video__notice{width:75%}}