@import"https://fonts.googleapis.com/css2?family=Pangolin&family=Rubik+Bubbles&display=swap";body{background-image:url(../images/background-1.jpg);font-family:Pangolin,cursive}.page-title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:30px}.home-page{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../images/background-1.jpg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;z-index:2}.hidden{display:none}.logo{width:40%}.home-btn{width:200px;padding:10px 0;text-transform:uppercase;font-family:Rubik Bubbles,cursive;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;color:#fff;background-color:#e7aa47;border:3px solid #e7aa47;border-radius:10px;letter-spacing:4px;box-shadow:0 8px 12px #0003,0 6px 20px #00000030}.home-btn:hover{color:#e7aa47;background-color:#fff;border:3px solid #e7aa47}.credits-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;font-size:22px;margin-top:20px}.credits-info i{color:#36592d}.credits-info i:hover{color:#e7aa47}.game-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:center}.season-info{font-size:20px}.top-info{width:50%;display:flex;flex-direction:row;justify-content:space-around;align-items:baseline;margin:15px 0;font-family:Rubik Bubbles,cursive;font-size:25px;color:#15400a}.season-info{font-family:Rubik Bubbles,cursive;font-size:30px}.plant-stats{background-color:#598f4799;padding:15px;margin-bottom:40px;border-radius:10px;font-size:20px}.bar-bg{background-color:#ddedd480;width:100%;height:40px;border-radius:20px;margin-bottom:10px}.bar-bg p{padding:10px 20px;margin:0;z-index:1}.fa-solid{margin-right:5px;color:#15400a}.progress-bar-sunlight,.progress-bar-water,.progress-bar-space,.progress-bar-health{background-color:#e7aa47cc;width:50%;height:40px;border-radius:20px;transition:width 2s;margin-top:-45px}.cards-container{display:flex;flex-direction:row;gap:20px}.card{color:#f4f4f4;width:300px;height:375px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;box-shadow:0 8px 8px #0003,0 6px 8px #00000030;margin-bottom:50px;border-radius:10px}.card>button{display:none}.card:hover>button{display:block;cursor:pointer}.card-btns{padding:10px 35px;border-radius:5px;background-color:#fff;border:none;color:#36592d;font-family:Rubik Bubbles,cursive;font-size:18px;box-shadow:0 8px 12px #0003,0 6px 20px #00000030}.card-btns:hover{color:#fff;background-color:#e7aa47}.caress-bg{background-image:url(../images/caress-card.png);background-size:contain}.fertilize-bg{background-image:url(../images/fertilize-card.png);background-size:contain}.medicine-bg{background-image:url(../images/medicine-card.png);background-size:contain}.play-bg{background-image:url(../images/play-card.png);background-size:contain}.prune-bg{background-image:url(../images/prune-card.png);background-size:contain}.talk-bg{background-image:url(../images/talk-card.png);background-size:contain}.transplant-bg{background-image:url(../images/transplant-card.png);background-size:contain}.water-bg{background-image:url(../images/water-card.png);background-size:contain}.water-plus-bg{background-image:url(../images/water-plus-card.png);background-size:contain}.window-bg{background-image:url(../images/window-card.png);background-size:contain}.plant-img{width:600px;height:750px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:background-image 3s ease-in-out}.plant-img-01{background-image:url(../images/plant-img-01.png)}.plant-img-02{background-image:url(../images/plant-img-02.png)}.plant-img-03{background-image:url(../images/plant-img-03.png)}.plant-img-04{background-image:url(../images/plant-img-04.png)}.instructions-container{max-width:1600px;padding:50px 20px;margin:0 auto}.instructions-container h1{font-family:Rubik Bubbles,cursive;font-size:46px;color:#15400a;letter-spacing:4px;margin:20px 0}.instructions-container h2{font-size:26px;margin-top:30px;margin-bottom:25px}.instructions-container p,ul{font-size:18px}.gallery-container h1{font-family:Rubik Bubbles,cursive;font-size:46px;color:#15400a;letter-spacing:4px;margin:20px 0}.gallery-container h2{font-size:26px;margin-top:100px;margin-bottom:25px}img#logo-gallery.gallery-img{width:30%}.gallery-container{max-width:1600px;padding:50px 20px;margin:0 auto}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px}.gallery-img{max-width:100%;border-radius:10px;position:relative;transition:transform .25s;cursor:pointer}.gallery-img:hover{transform:translateY(-5px)}.popup-img{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);transition:.25s transform;padding:50px;cursor:pointer}.selected-img{max-height:100%}.video-gallery iframe{border-radius:10px;margin-bottom:50px}.fa-arrow-left{color:#fff}a:hover .fa-arrow-left{color:#e7aa47}.alert-container{font-family:Pangolin,cursive;border-radius:10px}@media screen and (min-width: 821px) and (max-width: 1850px){.game-container{align-items:flex-start}.top-info{width:100%}h3{margin:10px}.plant-stats{background-color:#598f4799;padding:10px;margin-bottom:20px;border-radius:10px;font-size:18px}.bar-bg{background-color:#ddedd480;width:100%;height:25px;border-radius:20px;margin-bottom:10px}.bar-bg p{padding:5px 10px;margin:0;z-index:1}.progress-bar-sunlight,.progress-bar-water,.progress-bar-space,.progress-bar-health{height:25px;margin-top:-32px}.card{width:188px;height:235px}.plant-img{width:440px;height:550px;background-size:cover}}@media screen and (max-width: 820px){.game-container{flex-wrap:wrap-reverse}.game-container section{max-width:100%;flex-shrink:1}}