@import url("https://fonts.googleapis.com/css?family=Josefin+Sans");body{font-family:Josefin Sans,cursive;background-color:#53777c}#bigRank{font-size:100px;position:absolute;left:calc(80% - 100px);top:calc(50% - 80px)}#cardBack1{--s:241px;--c1:#f7d2a1;--c2:#05057e;--_g:var(--c1) 0% 5%,var(--c2) 6% 15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%,var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%,#0000 96%;background:radial-gradient(50% 50% at 100% 0,var(--_g)),radial-gradient(50% 50% at 0 100%,var(--_g)),radial-gradient(50% 50%,var(--_g)),radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2) var(--c1);background-size:var(--s) var(--s);box-shadow:2px 2px 3px #181616,inset 1px 2px 3px #a49494}#cardBack2{--s:64px;--c1:#eaeaea;--c2:#077d87;--c3:#b9a257;--c4:#d95b43;background:radial-gradient(var(--c1) 24%,#0000 25%),radial-gradient(var(--c2) 30%,#0000 32%) calc(var(--s)/2) calc(var(--s)/2),repeating-conic-gradient(from 30deg,var(--c3) 0 30deg,var(--c4) 0 90deg);background-size:var(--s) var(--s);box-shadow:2px 2px 3px #000,inset 1px 2px 3px #9b9191}