*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--white:#fff;--black:#000;--lightBg:#f2f2f2;--darkBg:#3f3d56;--darkText:#313131;--lightText:#d4d2d2;--darkRed:#260101;--red:#7c2901;--lightRed:red;--lightGreen:green;--golden:#eeae26;--orange:#d37400;--darkOrange:#af3b08;--tabletWidth:768px}@media(max-width:1080px){html{font-size:93.75%}}@media(max-width:720px){html{font-size:87.5%}}body{background:var(--lightBg);-webkit-font-smoothing:antialiased}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{border-radius:4px;background-color:var(--lightBg)}body::-webkit-scrollbar-thumb{background-color:var(--lightText);border-radius:4px;border:2px solid var(--lightText)}body.dark{background:var(--darkBg)}body,input,textarea{font:500 1rem sans-serif;color:var(--black)}button,h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Roboto,sans-serif;color:var(--darkText)}p,span{font-weight:400;font-family:Montserrat,sans-serif;color:var(--darkText)}h1{font-size:2rem}h2{font-size:1.5rem}button{cursor:pointer;border:none}.home{position:relative}.home header{position:fixed;top:0;left:0;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;padding:20px;background-color:var(--lightBg);height:80px}.home header h1{color:var(--darkRed)}.home .container{position:relative;padding:80px 10px 0;overflow:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.home .container .fail,.home .container .success{width:240px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:4px;font-weight:700;color:var(--white);margin-bottom:30px;padding:5px;font-size:22px}.home .container .fail{background-color:var(--lightRed)}.home .container .success{background-color:var(--lightGreen)}.home .container button{width:200px;height:40px;font-size:20px;color:var(--white);font-weight:300;border-radius:4px}.home .container button+button{margin-top:28px}.home .container .playButton{background-color:var(--orange)}.home .container .createCard{background-color:var(--darkOrange)}.home .container .createDeck{background-color:var(--golden)}.home .container .editDeck{background-color:var(--darkRed)}.home .container .editCard{background-color:var(--lightRed)}.modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;display:flex;z-index:11;background-color:rgba(0,0,0,.8);-webkit-transition:all .3s;transition:all .3s;width:101vw;height:100vh;opacity:1}.modal .close{position:absolute;display:block;top:19px;right:30px;cursor:pointer;opacity:1;z-index:1}.modal__inner{position:relative;z-index:5;overflow:auto;margin:auto;width:805px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-height:calc(100vh - 40px * 2);background-color:var(--lightBg);border-radius:4px;padding:30px}.modal__inner::-webkit-scrollbar{width:8px}.modal__inner::-webkit-scrollbar-track{border-radius:4px;background-color:var(--lightBg)}.modal__inner::-webkit-scrollbar-thumb{background-color:var(--lightText);border-radius:4px;border:2px solid var(--lightText)}@media(max-width:700px){.modal__inner{width:310px}}.modal__inner h2{color:var(--black);font-size:24;max-width:250px;margin:0 auto 20px}.modal__inner>div button{padding:5px 15px}.modal__inner>div button+button{margin-left:15px}.modal__inner p{color:var(--black)}.modal__inner .goButton{border-radius:4px;-webkit-box-shadow:0 9px 10px rgba(0,0,0,.251);box-shadow:0 9px 10px rgba(0,0,0,.251);color:var(--white);padding:5px 20px;margin-top:20px;height:40px;background-color:var(--lightGreen)}.modal__inner .levelInput{display:flex;justify-content:space-around;align-items:center}.modal__inner .levelInput input{margin:0 20px;font-size:4rem;height:90px;width:90px;border-radius:4px;border:1px solid var(--black);-webkit-box-shadow:0 9px 10px rgba(0,0,0,.251);box-shadow:0 9px 10px rgba(0,0,0,.251);text-align:center;-moz-appearance:textfield}.modal__inner .levelInput input::-webkit-inner-spin-button,.modal__inner .levelInput input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal__inner .levelInput button{height:60px;width:60px;display:flex;justify-content:center;align-items:center;border-radius:4px;border:1px solid var(--black);-webkit-box-shadow:0 9px 10px rgba(0,0,0,.251);box-shadow:0 9px 10px rgba(0,0,0,.251);font-size:3rem}