@font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-400.woff2");font-family:gg sans;font-weight:400;font-style:normal}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-500.woff2");font-family:gg sans;font-weight:500;font-style:normal}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-600.woff2");font-family:gg sans;font-weight:600;font-style:normal}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-700.woff2");font-family:gg sans;font-weight:700;font-style:normal}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-800.woff2");font-family:gg sans;font-weight:800;font-style:normal}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-400.woff2");font-family:gg sans;font-weight:400;font-style:italic}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-500.woff2");font-family:gg sans;font-weight:500;font-style:italic}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-600.woff2");font-family:gg sans;font-weight:600;font-style:italic}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-700.woff2");font-family:gg sans;font-weight:700;font-style:italic}
        @font-face{src:url("https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-800.woff2");font-family:gg sans;font-weight:800;font-style:italic}

.channels{
        height:100%;
        width:0;
        position:fixed;
        z-index: 1;
        top:0;
        left:0;
        background-color:#202225;
        overflow-x:hidden;
        padding-top: 60px;
        transition: 0.5s;}
    .channels a{
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 15px;
        color:#96989d;
        display: block;
        transition: 0.3s}   
    .channels a:hover{color:#5865F2}
    .channels .closebtn{
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 20px;
        margin-left: 50px;
    }
    .home {
        text-decoration: none;
        color: #00aff4;
        background-color: #202225;
        padding: .75em .75em;
        border-radius: .5em;
        font-weight: 300;
        width: 10%;
        position:absolute;
        right: 0;
        top: 0
    }
    .cta-button {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #00aff4;
    background-color: #202225;
    padding: .75em 1.25em;
    border-radius: .5em;
    font-size: large;
    font-weight: 600;
    width: 10%;
    }

    .cta-button:hover {
        background-color: #606570;
    }

    .button {
        text-decoration: none;
        color: #00aff4;
        background-color: #202225;
        padding: .75em .75em;
        border-radius: .5em;
        font-weight: 300;
        width: 70px;
        height: 15px;
        position: fixed;
        top: 0;
        left:0;
    }

    .link {       
        text-decoration: none;
        color: #00aff4;
        background-color: #202225;
        padding: .75em .75em;
        border-radius: .5em;
        font-weight: 600;
        width: 10%;
        margin-bottom: 10px;
    }

    .button:hover {color:#5865f2;}
    #main{
        transition: margin-left .5s;
        padding: 20px;
    }

    html,body{
        margin:0;
        padding:0;
        background-color:#36393e;
        color:#dcddde;
        font-family:"gg sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size:17px;
        font-weight:400;
        scroll-behavior:smooth}