*{margin:0px auto; padding:0px; border:0px; cursor:url('/images/blank_cursor.png'), default;}
html,body{height:100%;}
body{background:#24292e; font-family:"mr-eaves-modern";}

.main-container{position:fixed; width:100%; height:100%;}

.header{position:static; text-align:center; height:100%; margin-bottom:50px;}
.header .clock{position:relative; display:inline-block; text-align:center; color:#FFF; font-family:"trajan-pro-3"; font-size:22px; margin-right:50px;}
.header .clock span{margin-right:10px; font-size:22px;}
.header .date{position:relative; display:inline-block; text-align:center; color:#FFF; font-family:"trajan-pro-3"; font-size:22px; margin-right:50px;}
.header .date span{margin-right:10px; font-size:22px;}
.header .weather{position:relative; display:inline-block; text-align:center; color:#FFF; font-family:"trajan-pro-3";}
.header .weather span{margin-right:7.5px; font-size:22px;}
.header .weather #temp{display:inline-block; color:#FFF; font-size:22px; margin-right:2.5px;}
.header .weather #description{display:inline-block; color:#FFF; font-size:22px; margin-right:7.5px; text-transform:capitalize;}

.directory-container{position:static; padding:0px 75px;}

.title{position:static; background:url('/images/fancy-border.png') bottom center no-repeat; background-size:250px; height:105px; margin-top:20px; margin-bottom:15px; text-align:center; color:#FFF; font-family:"trajan-pro-3"; font-size:60px; font-weight:400; letter-spacing:-2px;}

.directory{width:100%; position:relative; column-count:2; column-gap:75px; break-inside:avoid;}
.directory div{position:relative; display:block; width:calc(100% - 160px); break-inside:avoid; padding:25px; background:transparent; color:#FFF; border-radius:10px; border:2px solid #FFF; border-left:110px solid #48a0b1; font-weight:600; text-align:left; font-size:38px; margin-bottom:15px;}
.directory div span{position:absolute; left:-110px; top:25px; display:inline-block; text-align:center; line-height:0.5em; width:110px;}
.directory div span span{left:0px; font-size:18px; top:0px;}

.news-title{position:absolute; left:0px; padding:12px 30px; bottom:0px; background:#24292e; z-index:9999; border-right:2px solid #FFF; color:#FFF; font-family:"trajan-pro-3"; font-weight:400; font-size:30px;}
.ticker{position:absolute; background:#24292e; max-width:100%; min-width:100%; padding:21px 0px; overflow:hidden; white-space:nowrap; text-align:right; right:0px; bottom:0px; color:#F1F1F1; font-family:"mr-eaves-modern"; font-size:26px; font-weight:500;}
.ticker ul{position:relative; left:1560px; list-style-type:none;}
.ticker ul li{float:left; padding-right:80px; margin-right:80px;}