website/root/assets/index.css

54 lines
1.2 KiB
CSS

@import url("./colors.css");
* {
/* shamelessly stolen from whatever vue generated */
/* min-height: 100vh; */
color: var(--cat-text);
background: var(--cat-base);
transition: color 0.5s, background-color 0.5s;
/* line-height: 1.6; */
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
/* font-size: 15px; */
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.top-bar {
text-align: center;
/* width: 20%; */
margin: auto;
}
.barbutton, .barbutton-disabled {
text-decoration: none;
color: var(--cat-text);
background-color: var(--cat-surface1);
border-radius: 10px;
display: inline-block;
width: 80px;
}
.barbutton:hover {
background-color: var(--cat-pink);
color: var(--cat-mantle)
}
.logo {
border-radius: 50%;
}
.main {
margin-left: 3%;
margin-right: 3%;
}
.hometext {
display: inline-block;
width: 33%;
margin-left: 2%;
}
#ivplayer {
/* margin-top: 10%; */
display: inline-block;
}