body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--clr-white:#fff;--clr-dark-grey:#999;--clr-grey:#ccc;--clr-black:#000;--clr-purple:#4b4168;--clr-green:#52c41a;--clr-red:#f5222d;--clr-yellow:#d6ff85;--shadow-default:rgba(0,0,0,0.35) 0px 5px 15px}*{box-sizing:border-box}.match-page{color:#fff;color:var(--clr-white);width:100vw;height:100vh;padding:0 10em;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(http://jakobvahlin.com/static/pongdog_bg.jpg);background-size:100% auto;transform:scale(1.3);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-row-gap:3em;row-gap:3em}.match-page h1{font-size:3rem;margin:0}.match-page h2{font-size:2rem}.match-page__header{display:flex;flex-direction:column;align-items:center}.match-page__header h1{font-size:3rem;margin:0}.match-page__header h2{font-size:2rem}.match-page__content{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;grid-gap:3em;gap:3em}.match-page__content__vs{font-size:5rem}.participant{display:flex;flex-direction:column;align-items:center}.participant *{margin:0}.participant__image{border-radius:50%;overflow:hidden;width:15rem;height:15rem;display:flex;align-items:center;justify-content:center}.participant__image img{width:100%}.participant__name{font-size:3rem;margin:.6em 0}.participant__stat{margin:.25em 0;font-size:1.3rem}.participant__score{color:#d6ff85;color:var(--clr-yellow);font-size:5rem;margin:.2em 0}.leaderboard-page{width:100vw;height:100vh;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(http://jakobvahlin.com/static/pongdog_bg.jpg);background-size:100% auto;justify-content:center;padding:2rem 4rem}.leaderboard-page,.leaderboard-page__content{display:flex;flex-direction:column;align-items:center}.leaderboard-page__content{grid-gap:1.5em;gap:1.5em}.leaderboard-page__podium{height:20rem;width:45rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2em;gap:2em;align-items:end}.rank-list{display:grid;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-row-gap:2em;row-gap:2em;grid-column-gap:5em;-webkit-column-gap:5em;column-gap:5em;width:80vw}.rank-list__item{position:relative;height:4em;padding-left:3.5em;padding-right:1.5em;background:#ccc;background:var(--clr-grey);border-radius:1em;display:flex;flex-direction:row;align-items:center}.rank-list__item,.rank-list__item__image{box-shadow:0 5px 15px rgba(0,0,0,.35);box-shadow:var(--shadow-default)}.rank-list__item__image{--size:5em;position:absolute;left:0;top:50%;transform:translateY(-50%) translateX(-50%);width:var(--size);height:var(--size);border-radius:50%;background-size:cover}.rank-list__item__rank{height:60%;width:2.5ch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:1.5rem;font-weight:700;margin-right:.8em;border-right:1px solid #000}.rank-list__item__title{font-size:1.3rem}.rank-list__item__stats{margin-left:auto;display:flex;flex-direction:row;grid-gap:1em;gap:1em}.podium__card{box-shadow:0 5px 15px rgba(0,0,0,.35);box-shadow:var(--shadow-default);border-radius:2em;background:#fff;background:var(--clr-white);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1.2em;grid-gap:.8em;gap:.8em;position:relative}.podium__card--first{height:90%}.podium__card--second{height:80%}.podium__card--third{height:70%}.podium__card__image{box-shadow:0 5px 15px rgba(0,0,0,.35);box-shadow:var(--shadow-default);position:absolute;top:calc(var(--size)*-1*0.33);flex-shrink:0;--size:6em;border-radius:50%;overflow:hidden;width:var(--size);height:var(--size);background-size:contain}.podium__card__rank{font-size:2em;font-weight:700}.podium__card__name{font-size:1.1em}.podium__card__stats{grid-gap:.4em;gap:.4em;align-items:center;color:#4b4168;color:var(--clr-purple)}.logdog-page,.podium__card__stats{display:flex;flex-direction:column}.logdog-page{width:100vw;height:100vh;padding:5em 10em;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(https://jakvah.pythonanywhere.com/static/logdog-bg.jpeg);background-size:100% auto;grid-gap:2em;gap:2em}.logdog-page__header{color:#fff;color:var(--clr-white);font-weight:700;font-size:5rem;width:100%;display:flex;flex-direction:row;justify-content:space-between}.logdog-page__content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;grid-gap:2em;gap:2em}.room-card{background:#fff;background:var(--clr-white);border-radius:1.3em;padding:1em;width:26ch;font-size:1.2rem}.room-card__header{font-size:1.5rem;font-weight:700;border-bottom:1px solid #000;border-bottom:1px solid var(--clr-black);padding-bottom:.15em;margin-bottom:.5em}.room-card__content{display:flex;flex-direction:column;grid-gap:.6em;gap:.6em}.room-card__content__user{display:flex;flex-direction:row;align-items:center;grid-gap:.4em;gap:.4em}.room-card__content__user__activity{margin-left:auto}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}.modal__content{padding:2rem;width:600px;min-height:200px;box-shadow:0 5px 15px rgba(0,0,0,.35);box-shadow:var(--shadow-default);border-radius:1.5rem;background:#fff;background:var(--clr-white)}.button{all:unset;font-size:1.2rem;color:#fff;color:var(--clr-white);border:3px solid #fff;border:3px solid var(--clr-white);padding:.5em 1em}.button:hover{color:#000;color:var(--clr-black);background:#fff;background:var(--clr-white)}.device,input,select{all:unset;width:36ch;padding:.5em;margin-bottom:1.2em;border:1px solid #000;border:1px solid var(--clr-black)}.form{display:flex;flex-direction:column;font-size:1.2rem}.form__submit{all:unset;padding:.6rem;border:1px solid #000;border:1px solid var(--clr-black);width:8ch;display:flex;align-items:center;justify-content:center}.form label{margin-bottom:.5em}.form select{background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - .5em) .5em;background-size:5px 5px,5px 5px,1.5em 1.5em;background-repeat:no-repeat}.icon-spin{animation:icon-spin 2s linear infinite}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
/*# sourceMappingURL=main.889c2320.chunk.css.map */