:root{
    --bg-color:#e9e9e9;
    --text-color:#231f20;
}
body{
            background-color: var(--bg-color);
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            overflow-x: hidden;
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            color: var(--text-color);
            text-transform: uppercase;
        }

        main{
            display: flex;
            justify-content: left;
        }

        h1{
            font-size: 4em;
        }

       #lf{
            max-height: 160px;
            margin: 40px 0;
        }


        #news{
            font-size: 1.3em;
            text-align: left;
            max-width: 20%;
            padding:0 10px;
        }
        span{
            padding: 10px;
        }
        #news a{
            color: var(--text-color);
            border: 1px solid var(--text-color);
            border-radius: 50%;
            padding:7px 12px;
            background-color: #FFF;
            line-height: 2em;
        }
        #news a:hover{
            color: var(--text-color);
        }
        ul{
            padding: 0;
            margin: 0;
        }
        li{
            list-style-type: none;
        }
        .links{
            margin-bottom: 40px;
        }
        .links li{
            display: inline-block;
        }
        #cover{
            position: fixed;
            width:100vw;
            height:100vh;
            overflow: hidden;
            background-color: #e9e9e9;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: -1;
        }

        #cover img{
            max-width: 60%;
            /*
            animation-name: cover-rotate;
            animation-duration: 120s;
            animation-iteration-count: infinite; 
            animation-timing-function: linear;
            animation-delay: 2s;
            */
        }

        .date{
            font-weight: bold;
        }

        .txt-small{
            font-size: 0.7em;
        }

        @keyframes cover-rotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(359deg)}
        }

        @media only screen and (max-width: 680px) {
            main{
                background-position: center bottom;
                background-size: 100%;
            }


            #news{
                max-width: calc(100% - 20px);
                font-size: 1.5em;
            }
            #cover img{
                max-width: 90%;
            }
        }