body {
    background-image: url(static-glitch.gif);
    background-size: 210px;;
}

header {
    box-shadow: 2px 2px 300px rgb(5, 5, 5);
}

.container {
    text-align: center;
    position: relative;
    top: 300px;
    
}

.box {
width: 450px;
}

.home {
    text-align: center;
    position: relative;
    width: 120px;
    animation-name: rumble;
    animation-duration: .1s;
    animation-iteration-count: infinite;
    left: 53vw; 
    top: 135px
}

.home2 {
    display: none;
}

.channel {
    position: fixed;
    top: 4%;
    left: 10%;
}

p {
    color: rgb(32, 201, 10);
    font-size: 6vw;
    font-family: "VCR";
    text-shadow: 2px 2px 10px black;
}

@font-face {
    font-family: "VCR";
    src: url(fonts/VCR_OSD_MONO_1.001.ttf);
}


@keyframes rumble 
{
    0%, 100% {}
    50% { transform: translateY(-0.2em) }
}

@-webkit-keyframes rumble 
{
    0%, 100% {}
    50% { -webkit-transform: translateY(-0.2em) }
}

body::-webkit-scrollbar {
    width: 0; 
}


body::-webkit-scrollbar-thumb {
    background-color: transparent;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
}


@media screen and (min-width: 820px) {

.home {
    left: 51vw;
}

}

@media screen and (max-width: 550px) {
    .container {
        text-align: center;
        position: absolute;
        top: 400px;
        left: 5%;
    }
    .box{
        width: 70%;
    }
    
    .home {
        display: none;
    }

    .home2 {
        display: block;
        text-align: center;
        position: absolute;
        top: 395px;
        left: 17%;
        width: 70%;
        animation-name: rumble;
        animation-duration: .1s;
        animation-iteration-count: infinite;
    }

    .channel {
        top: 7%;
        left: 20%;
    }
}

@media screen and (max-width: 1920px) {
    #border {
        display: none;
    }
}

@media screen and (min-width: 1921px) {
    #border {
        display: block;
    }
}

@media screen and (max-height: 1080px) {
    #border {
        display: none;
    }
}

@media screen and (min-height: 1080px) {
    #border {
        display: block;
    }
}