@import url(normalize.css);
@font-face { font-family: 'CentraNo2'; src: url("/fonts/CentraNo2-Medium.otf") format("opentype"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'CentraNo2'; src: url("/fonts/CentraNo2-Book.otf") format("opentype"); font-weight: 350; font-style: normal; }

:root { font: 350 10px/1.3 CentraNo2, Sans-Serif; }

html { touch-action: none; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { background-color: #B99853; color: #15361A; }

h2 { color: #15361A; font: 350 2rem/1 'CentraNo2'; margin: 0; position: absolute; bottom: 0; width: 100%; }

.player-grid { height: 100vh; padding: 5.5555555555556% 0; box-sizing: border-box; display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); grid-gap: 0px 0px; }

.player { height: 100%; position: relative; }

.player a { text-decoration: none; display: block; text-align: center; position: absolute; inset: 0 0 0 0; background-position: center top; background-repeat: no-repeat; background-size: auto calc(100% - 28px); }

.player a:active { opacity: 0.6; }

#tumba { top: -15%; }

#viktor { top: 3%; background-size: auto calc(100% - 28px - 3%); }

#liv { background-position: center calc(100% - 28px); background-size: 95% auto; }

#lotta { top: -7%; }

#annika { background-position: 25% top; }

/*# sourceMappingURL=application.css.map */