monkeytype.com by raghavparatkar

/* ==UserStyle==
@name         monkeytype.com
@version      20210825.21.29
@namespace    userstyles.world/user/raghavparatkar
@description  Centers Icons
@author       raghavparatkar
@license      No License
==/UserStyle== */

@-moz-document domain('monkeytype.com') {
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

    .icon-button i {
        font-size: 1.1rem;
    }
    .icon-button i:before {
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
    }
    .view-start i::before {
        content: "\f451";
        font-size: 1.3em;
    }
    .view-leaderboards i::before {
        content: "\f5e7";
    }
    .view-about i::before {
        content: "\f431";
    }
    .view-settings i::before {
        content: "\f3e5";
    }
    .view-account i::before,
    .view-login i::before {
        content: "\f4e1";
        font-size: 1.2em;
    }




    /*Centers the menu at the top*/
    #top {
        grid-template-columns: 1fr auto 1fr;
    }
    /*Hides the logo when typing*/
    #top.focus .logo {
        opacity: 0;
    }
    /*Allows custom logo text*/
    #top .logo .top {
        visibility: hidden;
    }
    #top .logo .top:after {
        content: 'monkeytype';
        visibility: visible;
        display: block;
        position: relative;
    }
    #top .logo .bottom {
        visibility: hidden;
    }
    #top .logo .bottom:after {
        content: 'Oracle';
        visibility: visible;
        display: block;
        position: relative;
        margin-top: -32px;
    }
    /* UNCOMMENT AND CHANGE COLOR TO ADD TEXT BORDERS 
letter {
    text-shadow: 0px 0px 3px #FFFFFF;   
} */
    /*Hides the elements at the bottom (The Patreon links etc.)*/
    #bottom {
        visibility: hidden;
    }
}