@font-face{font-family:Raleway;src:url(../fonts/Raleway-VariableFont_wght.ttf)}*{margin:0;padding:0;font-family:Raleway,sans-serif;line-height:1.75rem;letter-spacing:.5px}:root{--cardBackside: #282d2e;--cardBackside2: #2b3335;--cardBacksideTransp: #282d2e00;--cardBackside2Transp: #2b333500}body{width:100vw;height:100vh;display:flex;align-items:center;justify-content:space-evenly;background-color:#e7db80;font-size:1.1rem}body article{align-self:start;max-width:25%;padding-right:20px}body article h1,body article p{padding:20px 0}body article #output,body article a{font-weight:600;font-size:1.3rem;margin-top:20px;border-radius:5px;text-decoration:none}body article #output a,body article a a{padding:10px;background-color:var(--cardBackside2);color:#fff}body article #output a:hover,body article a a:hover{background-color:#2d585f}body #board{width:calc(100vh - 40px);height:calc(100vh - 40px);margin-right:20px;background-color:#2d585f;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}body #board .card{width:24%;height:24%;transform:rotateY(180deg);transition:all .3s linear 0s}body #board .card div{width:100%;height:100%;background:linear-gradient(to top left, var(--cardBackside), var(--cardBackside) 20%, var(--cardBackside2) 20%, var(--cardBackside2) 40%, var(--cardBackside) 40%, var(--cardBackside) 60%, var(--cardBackside2) 60%, var(--cardBackside2) 80%, var(--cardBackside) 80%, var(--cardBackside) 100%);transition:all .3s linear 0s}@keyframes pairFound{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes finished{0%{transform:scale(1)}50%{transform:scale(0.75)}100%{transform:scale(1)}}/*# sourceMappingURL=style.css.map */