html{box-sizing:border-box;font-size:100%}*,
:after,
:before{box-sizing:inherit}
body{background-color:#060042; 
    background-image:url(../img/HDAndreasEST_offline_screen.png);
    backdrop-filter: blur(5px);
    text-align:center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-attachment:fixed;
    font-family:Bebas Neue,regular}
    .logo{width:100px}a.featured:hover,
    a:hover{background-color:#B14847;color:#FACACA}
    a{display:block;
        max-width:400px;
        margin:0 auto 15px;
        padding:15px 20px;
        font-size:1.25rem;
        color:#ffffff;
        border: 3px solid #000000;
        text-decoration:none;
        transition:all .2s ease-in-out}
        a.featured{position:relative;
            background-color:#fff;
            color:#060042;
            font-weight:700}
        a.featured:before{content:"";
            position:absolute;
            top:2px;
            left:2px;
            width:calc(100% - 4px);
            height:calc(100% - 4px);
            border:2px solid #060042}
            h2{font-size:20px;text-transform:uppercase;
                font-weight:400;
                color: #ffffff;
                letter-spacing:2px}
                .channels{display:flex;
                    max-width:400px;
                    margin:0 auto}
                .channels a{flex:1;padding:5px 10px;
                    margin-right:10px;
                    background-color:#060042;border:none}
                    .channels a:last-child{margin-right:0}
                    .channels a:hover{text-decoration:underline}
            h3{font-size:20px;text-transform:uppercase;
                font-weight:400;
                color: #ffffff;
                letter-spacing:2px}
                .channels{display:flex;
                    max-width:400px;
                    margin:0 auto}
                .channels a{flex:1;padding:5px 10px;
                    margin-right:10px;
                    background-color:#060042;border:none}
                .channels a:last-child{margin-right:0}
                .channels a:hover{text-decoration:underline}
            h4{font-size:20px;text-transform:none;
                font-weight:400;
                color: #ff0062;
                letter-spacing:2px}
                .channels{display:flex;
                    max-width:400px;
                    margin:0 auto}
                .channels a{flex:1;padding:5px 10px;
                    margin-right:10px;
                    background-color:#060042;border:none}
                .channels a:last-child{margin-right:0}
                .channels a:hover{text-decoration:underline}