<!DOCTYPE html>
<html lang="en">
<head>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<meta charset="utf-8">
<title>
TabletopmusicApp
</title>
<base href="/">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="favicon.ico" rel="icon" type="image/x-icon">
<style type="text/css">
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
300
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+460-52F
,
U+1C80-1C88
,
U+20B4
,
U+2DE0-2DFF
,
U+A640-A69F
,
U+FE2E-FE2F
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
300
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+301
,
U+400-45F
,
U+490-491
,
U+4B0-4B1
,
U+2116
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
300
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+1F00-1FFF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
300
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+370-3FF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
300
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+102-103
,
U+110-111
,
U+128-129
,
U+168-169
,
U+1A0-1A1
,
U+1AF-1B0
,
U+300-301
,
U+303-304
,
U+308-309
,
U+323
,
U+329
,
U+1EA0-1EF9
,
U+20AB
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
300
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+100-2AF
,
U+304
,
U+308
,
U+329
,
U+1E00-1E9F
,
U+1EF2-1EFF
,
U+2020
,
U+20A0-20AB
,
U+20AD-20CF
,
U+2113
,
U+2C60-2C7F
,
U+A720-A7FF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
300
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2")
format("woff2")
;
unicode-range
:
U+0-FF
,
U+131
,
U+152-153
,
U+2BB-2BC
,
U+2C6
,
U+2DA
,
U+2DC
,
U+304
,
U+308
,
U+329
,
U+2000-206F
,
U+2074
,
U+20AC
,
U+2122
,
U+2191
,
U+2193
,
U+2212
,
U+2215
,
U+FEFF
,
U+FFFD
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
400
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2")
format("woff2")
;
unicode-range
:
U+460-52F
,
U+1C80-1C88
,
U+20B4
,
U+2DE0-2DFF
,
U+A640-A69F
,
U+FE2E-FE2F
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
400
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2")
format("woff2")
;
unicode-range
:
U+301
,
U+400-45F
,
U+490-491
,
U+4B0-4B1
,
U+2116
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
400
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2")
format("woff2")
;
unicode-range
:
U+1F00-1FFF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
400
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2")
format("woff2")
;
unicode-range
:
U+370-3FF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
400
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2")
format("woff2")
;
unicode-range
:
U+102-103
,
U+110-111
,
U+128-129
,
U+168-169
,
U+1A0-1A1
,
U+1AF-1B0
,
U+300-301
,
U+303-304
,
U+308-309
,
U+323
,
U+329
,
U+1EA0-1EF9
,
U+20AB
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
400
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2")
format("woff2")
;
unicode-range
:
U+100-2AF
,
U+304
,
U+308
,
U+329
,
U+1E00-1E9F
,
U+1EF2-1EFF
,
U+2020
,
U+20A0-20AB
,
U+20AD-20CF
,
U+2113
,
U+2C60-2C7F
,
U+A720-A7FF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
400
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2")
format("woff2")
;
unicode-range
:
U+0-FF
,
U+131
,
U+152-153
,
U+2BB-2BC
,
U+2C6
,
U+2DA
,
U+2DC
,
U+304
,
U+308
,
U+329
,
U+2000-206F
,
U+2074
,
U+20AC
,
U+2122
,
U+2191
,
U+2193
,
U+2212
,
U+2215
,
U+FEFF
,
U+FFFD
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
500
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+460-52F
,
U+1C80-1C88
,
U+20B4
,
U+2DE0-2DFF
,
U+A640-A69F
,
U+FE2E-FE2F
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
500
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+301
,
U+400-45F
,
U+490-491
,
U+4B0-4B1
,
U+2116
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
500
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+1F00-1FFF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
500
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+370-3FF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
500
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+102-103
,
U+110-111
,
U+128-129
,
U+168-169
,
U+1A0-1A1
,
U+1AF-1B0
,
U+300-301
,
U+303-304
,
U+308-309
,
U+323
,
U+329
,
U+1EA0-1EF9
,
U+20AB
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
500
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2")
format("woff2")
;
unicode-range
:
U+100-2AF
,
U+304
,
U+308
,
U+329
,
U+1E00-1E9F
,
U+1EF2-1EFF
,
U+2020
,
U+20A0-20AB
,
U+20AD-20CF
,
U+2113
,
U+2C60-2C7F
,
U+A720-A7FF
;
}
@font-face {
font-family
:
"Roboto"
;
font-style
:
normal
;
font-weight
:
500
;
font-display
:
swap
;
src
:
url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2")
format("woff2")
;
unicode-range
:
U+0-FF
,
U+131
,
U+152-153
,
U+2BB-2BC
,
U+2C6
,
U+2DA
,
U+2DC
,
U+304
,
U+308
,
U+329
,
U+2000-206F
,
U+2074
,
U+20AC
,
U+2122
,
U+2191
,
U+2193
,
U+2212
,
U+2215
,
U+FEFF
,
U+FFFD
;
}
</style>
<style type="text/css">
@font-face {
font-family
:
"Material Icons"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2")
format("woff2")
;
}
.material-icons {
font-family : "Material Icons";
font-weight : normal;
font-style : normal;
font-size : 24px;
line-height : 1;
letter-spacing : normal;
text-transform : none;
display : inline-block;
white-space : nowrap;
word-wrap : normal;
direction : ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
</style>
<style>
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montagu+Slab:opsz,[email protected],100;16..144,500;16..144,700&display=swap";.mat-typography {
font
:
400
14px
/
20px
Roboto
,
Helvetica
Neue
,
sans-serif
;
letter-spacing
:
normal
}
html,body {
min-height : 100%;
height : 100%;
margin : 0;
padding : 0;
position : relative
}
body {
font-family : Montagu Slab,serif;
background-color : #0d0d16;
overflow-x : hidden;
height : 100%;
width : 100%;
position : relative
}
* {
font-family : Montagu Slab,serif;
font-weight : medium
}
</style>
<link href="styles.43188f3f43ee4e3e.css" media="print" onload="this.media='all'" rel="stylesheet">
<noscript>
<link href="styles.43188f3f43ee4e3e.css" rel="stylesheet">
</noscript>
</head>
<body class="mat-typography">
<app-root>
</app-root>
<script src="runtime.71660921b4d9a239.js" type="module">
</script>
<script src="polyfills.6fd576696ab52d3f.js" type="module">
</script>
<script src="main.2583564f68bb75d7.js" type="module">
</script>
</body>
</html>