*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body{
    overflow: hidden;
    
}




.header{
    top:0;
    height: 100px;
    width: 100%;
    background-color: black;
    margin-bottom: 10px;
    
}





.title{
    display: inline-block;
    font-family: 'Special Elite', cursive;
    font-size: 60px;
    color: white;
    /*padding: 10px;
    margin: 10px;
    */
}

.hound{
    display: inline;
    margin-top: 30px;
}

.control{
    display: block;
    height: 100px;
    width: max-content;
   
}

.tvbuttons{
    display: inline;
    float: right;
    margin-right: 20px;
    scroll-behavior: smooth;
}

.rssblocks{
    overflow: hidden;
    width: 1400px;
    height: 800px;
    
}

.containerright{
    display: flex;
    flex-direction: column;
    float:right;
    margin-top: -780px;
    height: 800px;
    width: 600px;
    overflow-x: hidden;
    overflow-y: scroll;

    
}











ul{
    font-family: 'Special Elite', cursive;
    display: flex;
    color: white;
    float: right;
    list-style:none;

}

li{
    
    margin-right:20px;
    padding-left: 20px;
    font-size: 20px;
    padding: 10px;
    margin-top: 50px;
    /*margin-bottom: 70px;*/
}
a{
    color: white;
    text-decoration: none;
}
a:hover{
    color: yellow;
}

.coin{
    position: fixed;
    bottom:0;
    left: 0;
    
}

.dailymail{

    margin-left: 30px;
    display: inline;

}


.drudge{

    margin-left: 30px;
    display: inline;

}

.infowars{
    margin-left: 30px;
    display: inline;
}







.infotv {
    display: inline;
    
}


.frenchies{
    display: inline;
}



.rtnews{
    display: inline;
}



.btnrt{
    background-color: green;
    color: black;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}

.btnaljazeera{
    background-color: orange;
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}

.btnnewsmax{
    background-color: rgb(0, 92, 212);
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}

.trt{
    background-color: rgb(0, 180, 212);
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}

.btnwgn{
    background-color: rgb(0, 9, 133);
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}


.btn1{
    background-color: rgb(255, 115, 0);
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
     
}

.btn2{
    background-color: white;
    color: black;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

u{
    text-decoration-color: yellow;
    text-decoration-thickness:2px;
}

.btn3{
    background-color: #003365;
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}

.btn4{
    background-color: rgb(209, 31, 25);
    color: rgb(3, 3, 3);
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}

.btn5{
    background-color: rgb(86, 88, 121);
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}

.btn6{
    background-color: rgb(46, 173, 63);
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
    
}


.btn7{
    background-color: #d34848;
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}


.btn8{
    background-color: #fc940b;
    color: rgb(66, 65, 65);
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

.btn9{
    background-color: #fc6907;
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

.btn10{
    background-color: #4666f5;
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

.btn11{
    background-color: #fafafd;
    color: rgb(9, 6, 240);
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

.btn12{
    background-color: #010101;
    color: rgb(242, 242, 246);
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

.btn13{
    background-color: #0788eb;
    color: rgb(242, 242, 246);
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

.btn14{
    background-color: #050505;
    color: rgb(242, 242, 246);
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    
}

.rightChange{
    background-color: #010101;
    grid-auto-rows: auto;
}

.btninfo{
    background-color: black;
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
    margin-left: 100px;
}

.btnfrance24{
    background-color: rgb(42, 173, 216);
    color: white;
    padding: 10px;
    font-weight: bold;
    height: 50px;
    border-radius: 40px;
}

@media screen and (max-width: 813px) {
    .title{ 
    height: 20px;
    width: 20px;
    font-size: 20px;
}
.hound{
    margin-left: 30px;
    
}


ul{
    display: flex;
    flex-direction: column;
}

li{
    
    margin-right: -160px;
    font-size: 10px;
    margin: 1px;
    padding: 4px;
}

.btn1, .btn2,.btn3,.btn4,.btn5,.btn6,.btninfo,.btnrt,.btnfrance24,.btnnewsmax{
    height: 30px;
    border-radius: 50px;
}

.radiocontrol{
    display: none;
}


.containerright{
    display: none;
}

.rssblocks{
    width: 70%;
    height: 400px;
    margin-top: 200px;
}

#sky, #drudge, #infowars{
    width: 300px;
    height: 800px;
}
}

@media screen and (max-width: 1440px){

    .containerright{
        display: none;
    }

    .btninfo, .btnrt, .btnfrance24, .btnnewsmax{
        display: none;
    }
}