* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    background-color: white;
    color: black;
}

a {
    text-decoration: none;
    color: black;
}

@font-face {
    font-family: TGL;
    src: url("../fonts/Tgl017Alt.ttf");
    font-weight: normal;
}

@font-face {
    font-family: TGLItalic;
    src: url("../fonts/Tgl016.ttf");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: Monaspace;
    src: url("../fonts/MonaspaceNeon-Regular.otf");
    font-weight: normal;
}

@font-face {
    font-family: MonaspaceBold;
    src: url("../fonts/MonaspaceNeon-Bold.otf");
    font-weight: bold;
}

@font-face {
    font-family: MonaspaceItalic;
    src: url("../fonts/MonaspaceNeon-Italic.otf");
    font-weight: normal;
    font-style: italic;
}

#topBar {
    font-family: 'TGL', sans-serif;
}

.itemTitle {
    font-family: 'TGLItalic', sans-serif;
    font-size: 9cqw;
    line-height: 105%;
}

.itemBox {
    container-type: inline-size;
}

.itemSpecs {
    font-family: "Monaspace", sans-serif;
    font-size: 3cqw;
}

/* font-family: 'TGL', sans-serif; */
/* font-family: "MonaspaceItalic"; */
/* letter-spacing: 0.03em; */
/* font-family: "MonaspaceItalic", sans-serif; */
/* font-family: "MonaspaceBold", sans-serif; */
/* font-family: 'TGL', sans-serif; */

.video100 {
    width: 100%;
    height: auto;
}

/* .inverseLogo {
    filter: invert(100%);
}

.navbar-custom {
    background-color: black;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav .nav-link {
    color: white;
}

.navbar-custom .navbar-toggler-icon {
    background-color: black;
}

.navbar-custom .navbar-toggler {
    border-color: white;
    filter: brightness(1000%);

} */