<!DOCTYPE html>
<html>
    <head>
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
        <link href="https://fonts.googleapis.com/css?family=YT+Sans:500" nonce="2Vpjivq-Qu5KJQb7IDu6mw" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Roboto:400,500" nonce="2Vpjivq-Qu5KJQb7IDu6mw" rel="stylesheet">
        <style nonce="2Vpjivq-Qu5KJQb7IDu6mw">
            * {
                -webkit-box-sizing  : border-box;
                box-sizing          : border-box
            }
            a {
                display             : inline-block
            }
            html {
                font-size           : 10px
            }
            body {
                font-family         : Roboto,sans-serif;
                margin              : 0
            }
            .container {
                min-height          : 100vh;
                position            : relative
            }
            header {
                height              : 48px;
                padding             : 14px 12px;
                -webkit-box-shadow  : 0 4px 2px -2px rgba(0,0,0,.2);
                box-shadow          : 0 4px 2px -2px rgba(0,0,0,.2)
            }
            .youtube-logo {
                width               : 89px
            }
            .supported-browser-image {
                width               : 240px;
                margin              : 32px 0
            }
            h1 {
                font-weight         : 500;
                font-size           : 2rem;
                line-height         : 2.8rem;
                font-weight         : 400;
                margin              : 0 0 16px 0;
                text-align          : center
            }
            p {
                font-weight         : 400;
                font-size           : 1.4rem;
                line-height         : 1.8rem;
                text-align          : center;
                margin              : 0
            }
            .content {
                height              : 100%;
                padding             : 24px;
                text-align          : center
            }
            .learn-more-button {
                font-weight         : 500;
                font-size           : 1.4rem;
                padding             : 9px 16px;
                background-color    : #030303;
                margin-top          : 24px;
                color               : #f1f1f1;
                border-radius       : 16px;
                text-decoration     : none
            }
            @media (max-width:250px) {
                html {
                    font-size           : 8px
                }
                .content {
                    padding             : 8px
                }
                h1 {
                    margin-bottom       : 8px
                }
                .supported-browser-image {
                    width               : 126px;
                    margin              : 16px 0
                }
                .learn-more-button {
                    margin-top          : 16px
                }
            }
            sentinel {
                
            }
        </style>
        <script nonce="elsAI96XV8qlRKyoBELmkQ">
            if ('undefined' == typeof Symbol || 'undefined' == typeof Symbol.iterator) {
                delete Array.prototype.entries;
            }
        </script>
    </head>
    <body>
        <div class="container">
            <header>
                <img alt="YouTube logo" class="youtube-logo" src="https://www.youtube.com/img/desktop/supported_browsers/yt_logo_rgb_light.png">
            </header>
            <div class="content">
                <img alt="Dragon jumping to a higher platform" class="supported-browser-image" src="https://www.youtube.com/img/desktop/supported_browsers/dinosaur.png">
                <h1 class="supported-browser-title">
                    Your device is up to date!
                </h1>
                <p>
                    You can use YouTube's latest features.
                </p>
                <a class="learn-more-button" href="/">
                    Browse YouTube
                </a>
            </div>
        </div>
    </body>
</html>