@import "/UI/Styles/Menu.scss";

PauseMenu {
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur( 10px );

    .header {
        position: absolute;
        right: 10%;
        top: 10%;
        color: white;
        flex-direction: row;
        background-size: 100%;
        pointer-events: none;
        font-family: Poppins;
        flex-direction:column;

        .title {
            text-transform: uppercase;
            font-size: 100px;
            font-size: 100px;
            font-weight: 1000;
            color: #00ff90;
        }

        .subtitle {
            text-transform: uppercase;
            font-size: 30px;
            font-weight: 1000;
            color: white;
        }
        .version {
            text-transform: uppercase;
            font-size: 20px;
            font-weight: 1000;
            color: #808080;
        }
    }

    &.open {
        display: none;
    }
}