@import url('https://fonts.googleapis.com/css?family=Inter:regular,bold,italic,medium&subset=latin,latin-ext');

#avatar-selection {
    position: absolute;
    background: radial-gradient(#687CFE, #1e2970);

    width: 100vw;
    height: 100vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    visibility: hidden;

    z-index: 9999;
}

.logo {
    width: 200px;
    margin-bottom: 48px;
}

.btn-container {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.btn {
    width: 200px;
    border-radius: 12px;

    background: 
        linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)) padding-box,
        linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(238, 237, 237, 0.3) 100%) border-box;
    border: 2px solid transparent;

    cursor: pointer;
    font-family: Inter;
}

.title {
    text-align: center;
}