*{
font-family:Time New Romans,serif;}

.overlay{top:0;left:0;z-index:1;height:100%;width:0;position:fixed;transition:0.25s;overflow-x:hidden;background:rgba(0,128,0,0.9);}

.overlay-content{position:relative;top:60px;line-height:1.8;width:100%;font-size:14px}

.openbtn{border:none;background:transparent;position:relative;float:right;font-size:20px;top:27px;color:white;}

.overlay-content a{text-decoration:none;color:rgba(255,255,255,1.0);font-weight:bold;display:block;transition:0.25s;padding:10px;}

.overlay .closebtn{float:right;position:relative;top:10px;right:30px;padding:10px;font-size:25px;text-decoration:none;color:white;}

footer{background-image:linear-gradient(to right,#555555,silver,lightgray,silver,#555555);text-align:center; margin-top:10px; padding:1px;}

article{line-height:1.9; margin-left:18px;margin-right:18px;font-size:15px;}

li{list-style:square;margin-left:20px;}

footer a{color:black;text-decoration:none;font-size:8px;font-weight:bold; cursor:none;}

.footernat .fa:hover {color:red;}

h1{padding:3px;position:relative;top:-10px; margin-left:15px;margin-right:18px;}

header{background:red;color:white;}

.sports{background:yellow;color:black;}
.entertainment{background:green;}
.international{background:blue;}
.business{background:purple;}
.local{background:orange;color:black;}
.darkmode{color:white;background:#111120;}

.darkmodebtn{position:relative;font-size:20px;color:white;float:right;top:23px;right:15px;}

.darkmodebtn2{float:right;position:relative;top:6px;font-size:15px;color:black;right:11px;}

.openbtn2{border:none;background:transparent;float:right;font-size:15px;color:black;position:relative;top:6px;right:20px;}

.borderdown{border-bottom:solid silver 3px;height:55px;z-index:3;}

.borderdown3{border-bottom:ridge silver 0px; height:80px;}

.functionbar{position:relative;top:-25px;height:5px;}

.image{position:relative;top:-26px;}

.image2{position:relative;top:-23px; height:100px;width:100px;left:-3px;}

.border{font-weight:normal;margin-top:70px; line-height:1.6; border-top: solid lightgray 0.5px;}


.borderdarkmode{font-weight:normal;margin-top:70px; line-height:1.6; border-top: solid gray 0.5px;}

.borderdarkmode a{color:white;text-decoration:none;display:block;border-bottom:solid gray 0.5px; margin-left:5px;margin-right:5px;font-size:12.5px;font-weight:bold;}

.border a{text-decoration:none;color:black;display:block;border-bottom: solid lightgray 0.5px;margin-left:5px;margin-right:5px; font-size:12.5px;font-weight:bold;}

.functionbar2{height:30px;position:relative;top:-15px;}

.arrow{float:right;font-size:15px;color:black;position:relative;right:5px;top:6px;cursor:none;}

.stickybar{position:fixed;top:0;width:100%;left:0;background:inherit; height:55px;}

.darkmodebtn3{float:right;position:relative;right:30px;top:35px;color:white;cursor:none;}

.arrow2{float:right;color:white;position:relative;top:27px;right:40px;font-size:20px;}

.arrow3{float:right;color:black;position:relative;top:27px;right:40px;font-size:20px;}

.borderdown2{position:relative;left:17px;padding:1px;}

.arrowleft{font-size:15px;border:solid silver 0.1px;padding:5px;position:relative;left:0px; box-shadow: 0px 0px 3px 1px lightgray;}


.arrowright{font-size:15px;float:right;border: solid silver 0.1px;padding:5px;position:relative;right:0px; box-shadow: 0px 0px 3px 1px lightgray;}
}

.footerhome{background-color:green;}

.footerhome a{color:white;}

.arrow4{float:right;position:relative;top:20px;cursor:none;color:black;}

.darkmodebtn4{float:right;position:relative;right:60px;top:20px;color:black;}

.margintop{margin-top:70px;}

.headerhome{background:black;color:white;}

.lightbar{background-image:linear-gradient(to right, #404040,#404040,white,white,white,white); border-bottom:solid #d0d0d0 0.5px; height:42px;}

.blackbar{background-image:linear-gradient(to top,#0f0f0f,#505055);}

.darkbar{background:#111120;border-bottom:solid #606060 0.5px}

.sportsarrow2{color:yellow;background-image:linear-gradient(to top,#0f0f0f,#505055);z-index:1;}

.sportsarrow1{color:yellow;background-image:linear-gradient(to top,#0f0f0f,#505055);border:none;z-index:-1;}

.sportsarrowdark{background:transparent;border:solid silver 0.1px;color:yellow;z-index:-1;}

.sportsarrowdark2{background:transparent;border:solid silver 0.1px;color:yellow;}

small{font-family:Time New Romans, serif;color:#929292;line-height:0.5;}

.info{margin-top:-35px;}

.bordertop{border-top:ridge silver 0.5px;}

.rightpic{height:50px; width:50px; position: relative;float:right;top:5px; border-radius:10px; object-fit:cover;}

body{margin:0;}

.frame{height:220px;width:300px;object-fit:cover;}

#whitebar{z-index:1;}

.footernat .fa{font-size:15px; color:black; background:none;}

.footerloc .fa{font-size:15px; color:black; background:none;}

.footerbus .fa{font-size:15px; color:black; background:none;}

.footerspt .fa{font-size:15px; color:black; background:none;}

.footerent .fa{font-size:15px; color:black; background:none;}

.footerint .fa{font-size:15px; color:black; background:none;}

.footerhome .fa{font-size:15px; color:black; background:none;}

.footerloc .fa:hover{color: orange;}
.footerent .fa:hover{color: green;}
.footerint .fa:hover{color: blue;}
.footerspt .fa:hover{color: yellow;}
.footerbus .fa:hover{color:purple;}

@media only screen and (min-width:720px){.border {line-height:2.5;}}

@media only screen and (min-width:720px){.rightpic {height:65px;width:65px;}}

@media only screen and (min-width:720px){.border a {font-size:17px;}}

@media only screen and (min-width:720px){.borderdarkmode {line-height:2.5;}}
        
@media only screen and (min-width:720px){.borderdarkmode a {font-size:17px;}}