website/root/index.css

141 lines
2.4 KiB
CSS
Raw Normal View History

2023-05-23 15:58:23 -07:00
@import url("./colors.css");
* {
/* shamelessly stolen from whatever vue generated */
color: var(--cat-text);
background: var(--cat-base);
transition: color 0.5s, background-color 0.5s;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.top-bar {
text-align: center;
margin: auto;
}
.barbutton,
.barbutton-disabled {
2023-05-23 15:58:23 -07:00
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)
}
2023-05-26 12:35:46 -07:00
2023-05-23 15:58:23 -07:00
.main {
margin-left: 3%;
margin-right: 3%;
2023-05-26 12:35:46 -07:00
margin-top: 10%;
text-align: center;
}
2023-05-26 12:35:46 -07:00
.logo {
border-radius: 50%;
vertical-align: middle;
2023-05-23 15:58:23 -07:00
}
2023-05-23 15:58:23 -07:00
.hometext {
display: inline-block;
width: 33%;
margin-left: 2%;
2023-05-26 12:35:46 -07:00
vertical-align: middle;
2023-05-23 15:58:23 -07:00
}
2023-05-26 12:35:46 -07:00
.video {
margin-left: 5%;
2023-05-23 15:58:23 -07:00
display: inline-block;
2023-05-26 12:35:46 -07:00
vertical-align: middle;
}
.pink {
color: var(--cat-pink)
}
.link {
color: var(--cat-pink);
}
2023-05-26 12:35:46 -07:00
.link:hover {
font-weight: bolder;
}
@media screen and (max-width: 767px) {
.top-bar {
text-align: center;
margin: auto;
}
.barbutton,
.barbutton-disabled {
text-decoration: none;
color: var(--cat-text);
background-color: var(--cat-surface1);
border-radius: 10px;
display: inline-block;
width: 70px;
}
.barbutton:hover {
background-color: var(--cat-pink);
color: var(--cat-mantle)
}
.main {
margin-left: 3%;
margin-right: 3%;
margin-top: 10%;
text-align: center;
}
.logo {
border-radius: 50%;
display: block;
margin: auto;
}
.hometext {
display: block;
width: 100%
}
.video[style] {
margin: 0;
margin-left: 0px;
display: block;
inline-size: 5px;
}
.pink {
color: var(--cat-pink)
}
.link {
color: var(--cat-pink);
}
.link:hover {
font-weight: bolder;
}
.cat {
margin: auto;
width: 98%;
}
2023-05-23 15:58:23 -07:00
}