@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700");

/* - Legacy font imports - */
@font-face {
    font-family: "benton-modern-display";
    src: url("/fonts/benton-modern-display.woff");
}

@font-face {
    font-family: "filson-pro";
    src: url("/fonts/filson-pro.woff");
}

@font-face {
    font-family: "molyna-regular-webfont";
    src: url("/fonts/molyna-regular-webfont.woff");
}

@font-face {
    font-family: "futura-Medium";
    src: url("/fonts/Futura-Medium.otf");
}

@font-face {
    font-family: "clover";
    src: url("/fonts/clover-regular.woff");
}

svg {
    font-family: "filson-pro";
    user-select: none;
    box-sizing: border-box;
    display: block;
    font-kerning: normal;
}

.coverPreview {
    transition: 1s;
    transform-style: preserve-3d;
}
.cover-flipped {
    transform: rotateY(180deg);
}