#header{display:flex;align-items:center;padding:0 1.5rem 1.5rem;margin-bottom:3rem;height:fit-content;box-shadow:0 0 40px 5px #ee8a32;background-color:#9f972a48;font-family:Roboto}.img-card{height:30px;position:absolute;left:25px;top:50px;transform:rotate(0);transition:all .2s ease-in-out}.img-logo{height:4rem;width:auto;cursor:pointer}.link-logo:hover+.link-card .img-card{transform:rotate(-30deg)}.logo{display:flex;justify-content:center;align-items:center;padding:.8rem .5rem .5rem}#header h1{color:#fff;margin:0 .5rem;font-size:2rem;text-shadow:0 0 7px #606060,0 0 10px #e07408df,0 0 12px #cdc7bf,0 0 12px rgb(223,219,214),0 0 12px rgb(247,245,242)}#header h1 span{font-size:.7em;color:#fafafa;text-shadow:0 0 0px #606060,0 0 0px #e07408df,0 0 0px #cdc7bf,0 0 0px rgb(223,219,214),0 0 0px rgb(247,245,242)}.home-page{margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.35);box-shadow:0 8px 32px #873c1f5e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:3px solid rgba(253,173,0,.607);padding:1rem;width:300px}.home-page h1{text-shadow:0 0 7px #606060,0 0 10px #27221cdf,0 0 12px #16120d,0 0 12px rgb(40,33,24),0 0 12px rgb(244,242,240)}.home-page p{font-family:Playfair DC;text-shadow:0 0 7px #606060,0 0 10px #27221cdf,0 0 12px #16120d,0 0 12px rgb(40,33,24),0 0 12px rgb(244,242,240);text-align:center;font-size:1.8rem}button{margin:50px 0;height:fit-content;cursor:pointer;width:200px;border-radius:10px;font-family:Playfair Display SC;font-weight:500;font-size:2rem;padding:.5rem;background-color:#49250e81;transition:all .2s ease-in-out;border:none;border:2px solid #ffffff96}button:hover{background-color:#753a16;border:2px solid #1d1d1d}#game-page{display:flex;flex-direction:column;justify-content:center;width:fit-content}.card-screen{margin-bottom:3rem;display:grid;grid-template-columns:repeat(5,1fr)}.play-card{height:25vh;margin:20px;cursor:pointer;border:3px solid rgb(3,3,3)}.score-board{background:rgba(0,0,0,.683);box-shadow:0 8px 32px #873c1f5e;width:320px;height:300px;display:flex;justify-content:space-evenly;padding-left:20px;flex-direction:column;line-height:1px;font-family:Playfair Display;border-radius:30px;border:5px solid #f4f4f4cc}.score-board h1{font-size:2rem}.score-board .current-score span{text-shadow:0 0 7px #606060,0 0 10px #e17f06df,0 0 12px #e7850d,0 0 12px rgb(227,136,18),0 0 12px rgb(227,136,18),0 0 12px rgb(227,136,18),0 0 12px rgb(227,136,18),0 0 12px rgb(228,120,11);font-size:8rem}.score-board .best-score span{text-shadow:0 0 7px #606060,0 0 10px #e14f06df,0 0 12px #e7400d,0 0 12px rgb(228,29,11),0 0 12px rgb(228,29,11),0 0 12px rgb(228,29,11),0 0 12px rgb(228,29,11),0 0 12px rgb(228,29,11);font-size:8rem}.play-card{transition:all .2s ease-in-out}.play-card:hover{transform:scale(1.5)}.score-counter{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:5rem}.motivation p{font-family:Playfair Display SC;font-size:1.4rem;font-weight:600;text-shadow:0 0 7px #606060,0 0 10px #f1efeddf,0 0 12px #e5dfd9,0 0 12px rgb(200,200,200),0 0 12px rgb(22,22,22),0 0 12px rgb(14,14,14),0 0 12px rgb(23,23,23),0 0 12px rgb(27,27,27);text-align:center}.end-screen{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:5rem;padding:0 50px;text-align:center;background:rgba(0,0,0,.35);box-shadow:0 8px 32px #873c1f5e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:3px solid rgba(253,173,0,.607);width:fit-content}.end-screen img{height:100px;margin-bottom:2rem;cursor:pointer}.end-screen h1{margin-bottom:50px;font-family:Playfair Display;font-size:2rem}.end-screen img:hover{transition:all .3s ease-in-out;transform:scale(1.5)}:root{font-family:Playfair Display SC;line-height:1.5;color-scheme:light dark;color:#fffffffb;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-image:url(/assets/bg-7ef68fa9.gif);background-repeat:no-repeat;background-size:cover}body{margin:0;padding:0}#main-body{display:flex;justify-content:space-around;align-items:baseline;height:90vh}