@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Material+Icons|Material+Icons+Outlined");body{background:white;max-width:100vw;box-sizing:border-box;font-family:Calibri;margin:0;padding:0;background:#FFEEEE;background:linear-gradient(40deg, #defcfc 0%, #f7f6fe 30%, #fdf5ff 70%, #ffdff7 100%);height:100vh}.welcome_index main{display:flex;flex-direction:column;justify-content:flex-start;height:100vh}*{user-select:none}.board{display:flex;gap:20px;flex-wrap:wrap;box-sizing:border-box;max-width:100%;padding:20px;overflow-y:scroll}.card{width:70px;height:100px;background:#ffeeab;position:relative;border-radius:5px;box-shadow:inset 0.2em 0.2em 0.2em 0 rgba(255,255,255,0.5),inset -0.2em -0.2em 0.2em 0 rgba(0,0,0,0.5),0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.card .circle{margin-left:auto;margin-right:auto;font-size:2.15em;border-radius:100px;margin-top:10px;width:53px;height:53px;display:flex;justify-content:center;align-items:center;font-family:Arial;font-weight:Bold;box-shadow:inset 6px 6px 10px 0 rgba(0,0,0,0.2),inset -6px -6px 10px 0 rgba(255,255,255,0.5)}.card .circle.black{color:black}.card .circle.red{color:#c70000}.card .circle.blue{color:blue}.card .circle.orange{color:#fa8900}.card .circle.joker{background-size:95%;background-repeat:no-repeat;background-position:center center}.card .circle.joker.red{background-image:url(/assets/joker_red-10335151edaecd67739ffd809a951046aa9468dc9e174c30b209c750830d57c1.svg)}.card .circle.joker.black{background-image:url(/assets/joker_black-40c43446cb05fe58139c564e0ceccaac83465ff9ba2053d10f66950a19b45e25.svg)}.board .card.moved{background:#71c6e0}.board .card.moved .circle{background-color:#a9d9e4}.card.active{background-color:#7288e0}.card.active .circle{background-color:#a9b5e4}.space{width:10px;height:100px;cursor:pointer;margin-left:-15px;padding-left:15px;margin-right:-15px;padding-right:15px;z-index:1000;background-clip:content-box}.space:hover{background:#7288e0;background-clip:content-box}.placeholder,#get-card-button{width:70px;height:100px;background:rgba(228,228,228,0.5);position:relative;border-radius:5px;box-shadow:inset 0.2em 0.2em 0.2em 0 rgba(255,255,255,0.5),inset -0.2em -0.2em 0.2em 0 rgba(0,0,0,0.5)}#get-card-button{display:flex;align-items:center;justify-content:center;background:#e4e4e4}#get-card-button span{font-size:4em}.board .group{display:flex;box-shadow:inset 0 3px 6px rgba(0,0,0,0.16),inset 0 3px 6px rgba(0,0,0,0.23);padding:10px 5px;border-radius:5px}.board .add-group{display:none;align-self:center}.board .add-group.visible{display:block;width:30px;height:30px;background:#abb5ff;border-radius:100px;cursor:pointer}.holder-container{position:relative;background:#262626;width:100%;display:flex;flex-wrap:wrap;padding:20px;align-items:flex-start;box-sizing:border-box;row-gap:10px;box-shadow:0 -10px 20px rgba(0,0,0,0.19),0 -6px 6px rgba(0,0,0,0.23);align-self:flex-end;justify-self:flex-end;margin-top:auto;max-height:250px;overflow-y:scroll}.holder-container .holder{display:contents}.holder-container .count{position:absolute;top:2px;right:5px;line-height:1em;font-size:1.25rem !important}nav{display:flex;margin-bottom:1em;background:#abb5ff;font-size:1.25em;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}nav .action{display:flex}nav .action>div{padding:.5em 2em;border-right:1px solid black;display:flex;align-items:center;cursor:pointer}nav .action>div .hotkey{margin-right:.5em;border-radius:4px;border:1px solid black;width:1.5em;display:inline-block;text-align:center;font-size:1.25em}nav .action>div.active{background:#7288e0;color:white}nav .action>div.active .hotkey{border-color:white}nav .links{margin-left:10em;display:flex;align-items:center;gap:1em}nav .links a,nav .links button{background:none;font-size:.9em;cursor:pointer;color:black;text-decoration:none;display:inline-block;border-radius:10px;padding:10px;line-height:1em;border:1px solid #7288e0;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.notifications{position:fixed;z-index:100;right:30px;top:80px;display:flex;flex-direction:column;gap:1em}.notifications .notification{display:block;background:white;border-radius:10px;padding:10px;font-size:1.5em;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);transition:opacity 0.3s, height 0.5s, padding-top 0.5s, padding-bottom 0.5s, margin-top 0.5s}.notifications .notification.out{opacity:0;height:0px;padding-top:0px;padding-bottom:0px;margin-top:-10px;transition:opacity 0.3s, height 0.3s, padding-top 0.3s, padding-bottom 0.3s, margin-top 0.3s}.welcome_register{display:flex;align-items:center;justify-content:center;height:100vh;padding-bottom:20vh}.welcome_register h2{font-size:4em}.welcome_register form{display:flex}.welcome_register form input{font-size:2.5em;border-radius:10px;padding:.3em}.welcome_register form input[type="text"]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.welcome_register form input[type="submit"]{border-top-left-radius:0;border-bottom-left-radius:0;background:#abb5ff;cursor:pointer}