@font-face {
            font-family:"Lato-Light";
            src: url('fonts/Lato-Light.ttf') format("truetype");
        }
        @font-face {
            font-family:"Lato-Bold";
            src: url('fonts/Lato-Bold.ttf') format("truetype");
        }
        body {
            background-color: #1B1F24;
            font-family:"Lato-Light";
            color: white;
        }

        b {
            font-family:"Lato-Bold";
        }

        a {
            color: white;
        }

        .header {
            width:50%;
            height:87px;
            position: fixed;
            top:0;
            left:0;
            background-color:#0D0F12;
            color: white;
            padding-left: 10px;
            display: inline-block;
        }

        .header2 {
            text-align:right;
            width:45%;
            height:77px;
            position: fixed;
            top:0;
            left:50%;
            background-color:#0D0F12;
            color: white;
            padding-top: 10px;
            margin-right: 100px;
            display: inline-block;
        }

        .header3 {
            width:5%;
            height:87px;
            left: 95%;
            position: fixed;
            top:0;
            background-color:#0D0F12;
            display: inline-block;
        }

        .sidebar {
            height:100%;
            width:160px;
            position: fixed;
            z-index:1;
            top:87px;
            left:0;
            background-color:#1B1F24;
            overflow-x: hidden;
            padding-top:20px;
        }

        .sidebar a {
            padding: 6px 8px 6px 16px;
            text-decoration: none;
            font-size: 25px;
            color: #FFFFFF;
            display: block;
        }

        .sidebar a:hover {
            color: #FF6600;
        }

        .main {
            margin-top:87px;
            margin-left:160px;
            padding: 10px 10px;
        }