@font-face {
    font-family: 'vrtlfinale';
    src: url('fonts/vrtlfinale.woff2') format('woff2'),
         url('fonts/vrtlfinale.woff') format('woff'),
         url('fonts/vrtlfinale.ttf') format('truetype'),
         url('fonts/vrtlfinale.svg#vrtlfinale') format('svg'),
         url('fonts/vrtlfinale.eot');
    /* Add other font formats here if needed */
}

body {
    font-family: 'vrtlfinale', sans-serif;
}

.custom-font {
    font-family: 'vrtlfinale', sans-serif; /* Apply the custom font to this element */
    color: #333; /* Example: Change font color */
    background-color: #3c3c3c; /* Example: Change background color */
}


h1 {
    position: relative;
    text-align: left;
}

.pixel {
    position: absolute;
    width: 2px; /* increased the pixel size for better visibility */
    height: 2px;
    background-color: white;
    transition: transform 0.5s ease-out;
}

 #randomvideo {
            max-width: 100%; /* Ensure video doesn't exceed container width */
            max-height: 80vh; /* Limit video height to 80% of viewport height */
            display: inline-block; /* Prevent extra vertical space */
        }
    
 #randomVVVideo {
            max-width: 50%; /* Ensure video doesn't exceed container width */
            max-height: 80vh; /* Limit video height to 80% of viewport height */
            display: inline-block; /* Prevent extra vertical space */
        }