html, body {
    font-family: "Rajdhani", serif;
    background-color: white;
    color: black;
}
@media (prefers-color-scheme: dark) {
    html, body {
        background-color: #0b0b0b;
        color: rgb(232, 230, 227);
    }
    /* Unvisited links (https://www.w3schools.com/cssref/sel_link.php) */
    a:link {
        color: #2080df;
    }
    /* Visited links (https://www.w3schools.com/cssref/sel_visited.php) */
    a:visited {
        color: #a070df;
    }
    /* Hovered links (https://www.w3schools.com/cssref/sel_hover.php) and
       clicked links (https://www.w3schools.com/cssref/sel_active.php) */
    a:link:hover, a:link:active {
        color: #40c0ff;
    }
    a:visited:hover, a:visited:active {
        color: #efa9ff;
    }
}

h1 {
	font-size: 64px;
	font-weight: 700;
}
h2 {
	font-size: 32px;
	font-weight: 600;
}
h3 {
	font-size: 32px;
	font-weight: 600;
}
p, q {
	font-size: 24px;
	font-weight: 500;
}
em.italics {
	font-style: italic;
}

body.no-margin {
    margin: 0;
}
/* Position the Jebaited video to be fit the screen and crop overflow, but aligned to the centre of the screen */
.videopage {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
}
.videopage video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.imagepage {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    vertical-align: middle;
}

.imagepage img {
    width: 100%;
    height: 100%;
}