:root{--primary-bg:#c7f1fc;--primary-fc:#013;--secondary-bg:#005c99;--secondary-fc:#f2f2f2;--contrast-bg:#ffb3b3;--contrast-fc:#2f4f4f;--dark-bg:rgba(47,79,79,0.5);--dark-fc:#f0f8ff;--dark-bg-faded:rgba(0,0,0,0.5);--primary-bg-faded:rgba(199,241,252,0.8);--primary-font:Georgia,"Times New Roman",Times,serif,sans-serif;--fun-font:"Princess Sofia",cursive;--blocky-font:"Courier New",Courier,monospace;--h2-font-size:2.5rem;--box-shadow-shallow:0 0 0 1px rgba(0,0,0,0.03),0 1px 2px 0 rgba(0,0,0,0.05);--box-shadow-deep:0 0 0 1px rgba(0,0,0,0.03),0 1px 2px 0 rgba(0,0,0,0.2)}*{box-sizing:0;padding:0;margin:0;font-family:var(--primary-font)}h2{font-size:var(--h2-font-size)}.default-button{width:auto;height:2.5rem;display:block;margin:1em auto;padding:0 5%;border:none;border-radius:.25rem;background-color:var(--secondary-bg);color:var(--secondary-fc);font-family:var(--primary-font);font-size:1.5rem;font-weight:200;box-shadow:var(--box-shadow-deep);transition:background-color .3s ease-out;text-transform:uppercase;font-weight:700}.default-button:hover{background-color:var(--contrast-bg);color:var(--contrast-fc)}.page-header{grid-area:header}.page-body{grid-area:body}.page-footer{grid-area:footer}.page-main{display:grid;width:100vw;height:100vh;grid-template-areas:"header" "body" "footer";grid-template-rows:3rem auto 2rem;background-color:var(--primary-bg);color:var(--primary-fc)}.page-container{width:100%;height:100%}nav{width:100vw;min-width:19.5rem;background-color:var(--secondary-bg);display:grid;grid-template-columns:auto 12rem;position:fixed;z-index:99}.logo-link{font-family:"Princess Sofia",cursive;font-size:2rem;color:var(--secondary-fc);text-decoration-line:none;font-weight:500;margin-left:.6rem;min-width:4rem}.nav-links{display:grid;grid-template-columns:1fr 1fr;list-style:none;align-items:center;justify-items:center}.nav-link{background-color:initial;border:none;text-decoration-line:none;font-family:var(--primary-font);font-size:1.5rem;color:var(--secondary-fc);cursor:pointer}.profile-image{width:2.5rem}.nav-dropdown button{border:none;outline:none;background-color:initial}.nav-dropdown-content{display:none;position:absolute;top:3.5rem;margin-left:-2.5rem;background-color:var(--secondary-bg);color:var(--primary-bg);width:6rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;float:right;border:.1rem solid var(--secondary-fc);border-radius:5%;justify-content:center;text-align:center}.nav-dropdown-content button{font-family:var(--primary-font);font-size:1.2rem;color:var(--secondary-fc);padding:.5rem;cursor:pointer}.display-block{display:block}footer{height:100%;display:flex;justify-content:center;justify-items:center}footer p{align-self:center}.home-container{background-image:url(/static/media/boardgame1.20dd3520.jpg);background-size:cover;background-position:50%}.cards-shortcuts{min-height:60%;padding-top:100px;opacity:1}.card-container{width:18.75rem;margin:auto;animation:slide-in .8s linear,fade-in .4s ease-in}.card{background:var(--primary-bg-faded);font-family:var(--primary-font);padding:.5em;border-radius:4px;box-shadow:var(--box-shadow-shallow);margin:auto;width:16.875rem;text-align:center;transition:.25s;animation:ease-in}.card:hover{transform:scale(.9);box-shadow:0 0 15px 0}.card-detail{margin:1em 0}.card-info h2{color:var(--contrast-fc);font-family:var(--fun-font);font-size:2.5em;font-weight:500;margin:0 0 .15em}.card-info p{margin:0;color:var(--contrast-fc)}.card-icon{margin-top:calc(var(--h2-font-size)*-1)}.card-icon img{border-radius:50%;display:block;margin:auto;border:4px solid #fff;background:var(--primary-bg);width:6.25rem;box-shadow:var(--box-shadow-deep)}.card-link{text-transform:uppercase;text-decoration:none;color:darken(var(--primary-bg),25%);font-weight:700}@keyframes slide-in{0%{transform:translateY(-600px);animation-timing-function:ease-out}60%{transform:translateY(50px);animation-timing-function:ease-in}80%{transform:translateY(-10px);animation-timing-function:ease-out}to{transform:translateY(0);animation-timing-function:ease-in}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.message-container{width:100%;align-items:center;border-radius:.5rem;box-shadow:var(--box-shadow-shallow);margin:.5rem 0}.message-container p{text-align:center;margin:.5rem auto;font-size:1rem}.message-container h3{text-align:center;margin:.5rem auto;font-size:1.5rem}.async,.info{color:#f5f5f5;border:.1rem solid #b0c4de;background-color:#4682b4}.warn{border:.1rem solid orange;background-color:#ff4500}.error,.warn{color:#f5f5f5}.error{border:.1rem solid red;background-color:#dc143c}.async-container{position:relative;width:100%;height:3rem}.async-item{position:absolute;top:0;left:0;height:3rem}.games-container{background-image:url(/static/media/boardgame2.acf75660.jpg);background-size:cover;background-position:50%}.message-loader{width:100vw}.message-loader:first-child{width:80vw;margin-left:auto;margin-right:auto}.games-cards-shortcuts{width:100vw;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding-top:5rem}.login-modal{z-index:1;background-color:var(--dark-bg-faded);display:flex;justify-content:center}.login-content{background-color:#fff;align-self:center;border:1px solid #fff;border-radius:5%;box-shadow:var(--box-shadow-deep);width:80%;max-width:30rem;animation:zoom-in .6s linear .2s both}.login-close{position:absolute;right:1.5rem;top:3rem;color:var(--secondary-fc);font-size:2rem;font-weight:700;font-family:var(--blocky-font)}.login-close:focus,.login-close:hover{color:var(--contrast-bg);cursor:pointer}.login-image{width:100%;display:flex;justify-content:center}.login-image img{width:8rem;align-self:center}.login-container{padding:1rem}.login-container input[type=password],.login-container input[type=text]{width:100%;padding:1rem;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}.login-container button{width:100%}@keyframes zoom-in{0%{transform:scale(0)}to{transform:scale(1)}}@media screen and (max-height:42rem){.login-image{display:none}}
/*# sourceMappingURL=main.45be2e8f.chunk.css.map */