@import "variables.css";
@import "animations.css";
@import "reset.css";
@import "account.css";
@import "channel-list.css";
@import "channels.css";
:root{
    --dialog-border-color: mediumpurple;
    --form-border-color: lightgray;
    --label-background-color: #f4f4f4;
    --label-border-color: lightgray;

    --menu-item-size: 3em;
    --checkbox-size: 1.5em;
}

@font-face{
	font-family: "Pixelify Sans";
	src: url("/assets/fonts/PixelifySans-VariableFont_wght.ttf") format("truetype");
}
@font-face{
	font-family: "GeistPixel Regular";
	src: url("/assets/fonts/GeistPixel-Regular-VariableFont_ELSH.ttf") format("truetype");
}

*{
    box-sizing: border-box;
    user-select: none;
}
html{
    overscroll-behavior: none;
}
body{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-family: "GeistPixel Regular";
}