@import "src/app/core/scss/fuse";

:host {
    display: flex;
    flex: 1;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.8));

    .big-circle {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.8));
        border-radius: 50%;
        width: 300px;
        height: 300px;
        line-height: 300px;
        text-align: center;

        md-icon{
            color: mat-color($accent);
        }
    }

    .app-title {
        font-weight: 500;
        font-size: 32px;
    }

    .secondary-text {
        font-size: 16px;
    }
}
