:root {
    /* --font-title: "Nabla", monospace; */
    --font-title: "Nabla", "3D Isometric Bold", monospace;
    --font-body: "VT323", monospace;
}

.font-title {
    font-family: var(--font-title);
    font-weight: 500;
    font-style: normal;
    /* background: linear-gradient(0.125turn, var(--yellow), var(--orange), var(--yellow), var(--orange), var(--yellow)); */
    background: radial-gradient(circle 180px, var(--yellow), var(--orange));
    background-clip: text;
    /* color: linear-gradient(0.125turn, var(--yellow), var(--orange), var(--yellow), var(--orange), var(--yellow), var(--yellow)); */
    color: radial-gradient(circle 180px, var(--yellow), var(--orange));
    /* letter-spacing: -5px; */
}
.font-title-settings {
    font-family: var(--font-title);
    font-weight: 500;
    font-style: normal;    /* letter-spacing: -5px; */
}
.font-title-safetynet {
    font-family: var(--font-title);
    font-weight: 500;
    font-style: normal;
    /* background: linear-gradient(0.375turn, var(--yellow), var(--yellow), var(--white), var(--white50), var(--white), var(--yellow), var(--orange)); */
    background: radial-gradient(circle 180px, var(--white), var(--yellow));
    background-clip: text;
    color: transparent;
    /* letter-spacing: -5px; */
}
  
.font-body {
    font-family: var(--font-body);
    font-weight: 400;
    font-style: normal;
}
.font-body-safetynet {
    font-family: var(--font-body);
    font-weight: 400;
    font-style: normal;
    background: radial-gradient(circle 180px, var(--white), var(--yellow));
    background-clip: text;
    color: transparent;
}

.font-body-bold {
    font-family: var(--font-body);
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: '3D Isometric';
    font-style: normal;
    font-weight: normal;
    src: local('3D Isometric'), url('3d-isometric/3DIsometric.ttf') format('truetype');
}
@font-face {
    font-family: '3D Isometric Bold';
    font-style: normal;
    font-weight: normal;
    src: local('3D Isometric Bold'), url('3d-isometric/3DIsometricBold.ttf') format('truetype');
}
@font-face {
    font-family: '3D Isometric Black';
    font-style: normal;
    font-weight: normal;
    src: local('3D Isometric Black'), url('3d-isometric/3DIsometricBlack.ttf') format('truetype');
}


/* @font-face {
    font-family: 'Nabla';
    src: url('fo/nabla/Nabla-Regular.eot');
    src: local('Nabla Regular'), local('Nabla-Regular'),
        url('fonts/nabla/Nabla-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/nabla/Nabla-Regular.woff2') format('woff2'),
        url('fonts/nabla/Nabla-Regular.woff') format('woff'),
        url('fonts/nabla/Nabla-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */