You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

120 lines
2.7 KiB

<template>
<div id="app">
<router-view />
</div>
</template>
<style>
@font-face {
font-family: "syne";
src: url("./assets/fonts/syne-bold-webfont.woff2") format("woff2"),
url("./assets/fonts/syne-bold-webfont.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "syne";
src: url("./assets/fonts/syne-extra-webfont.woff2") format("woff2"),
url("./assets/fonts/syne-extra-webfont.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "syne";
src: url("./assets/fonts/syne-italic-webfont.woff2") format("woff2"),
url("./assets/fonts/syne-italic-webfont.woff") format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "synemono";
src: url("./assets/fonts/syne-mono-webfont.woff2") format("woff2"),
url("./assets/fonts/syne-mono-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "syne";
src: url("./assets/fonts/syne-regular-webfont.woff2") format("woff2"),
url("./assets/fonts/syne-regular-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: local("Material Icons"), local("MaterialIcons-Regular"),
url("./assets/fonts/MaterialIcons-Regular.woff2") format("woff2"),
url("./assets/fonts/MaterialIcons-Regular.woff") format("woff"),
url("./assets/fonts/MaterialIcons-Regular.ttf") format("truetype");
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: "liga";
}
:root {
--yellow-ofo: #ffe706;
--yellow-ofo-rgb: 253, 230, 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: var(--yellow-ofo);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body,
html {
margin: 0;
padding: 0;
height: 100%;
}
#app {
height: 100%;
}
* {
box-sizing: border-box;
}
.camera .wrapper .inside {
z-index: 1;
}
</style>