@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

* {
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #8A0707;
}

html {
    background-image: url('https://giffiles.alphacoders.com/219/219539.gif');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    z-index: -1;
}

body {
    margin: 0;
    font-size: 17px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	overflow-y: hidden;
    overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
    font-family: 'Righteous', sans-serif;
}

/* #bgvideo {
    position: fixed; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}

<video autoplay muted loop id="bgvideo">
  <source src="media/backgrounds/videos/sukuna.mp4" type="video/mp4"/>
</video> */

/* Responsive code start for small devices */
@media screen and (max-width: 900px) {
    html {
        background-image: url('https://i.pinimg.com/originals/cf/d2/b2/cfd2b28d719c0dd4960f9b82dd48a8c2.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
    }

	.navbar a {
		font-size: 12px;
	}

    #page-title img {
        width: 50%;
        height: auto;
    }
}