@font-face {

                font-family: "Material Icons";

                font-style: normal;

                font-weight: 400;

                src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");

            }

            .material-icons {

                font-family: "Material Icons";

                font-weight: normal;

                font-style: normal;

                font-size: 24px;

                line-height: 1;

                letter-spacing: normal;

                text-transform: none;

                display: inline-block;

                white-space: nowrap;

                word-wrap: normal;

                direction: ltr;

                -webkit-font-feature-settings: "liga";

                -webkit-font-smoothing: antialiased;

            }
            #cargandoCont {
                background-size: 100% 100%;
                animation: inicioBack 4s ease infinite;
                position: fixed;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                margin: auto !important;
                display: flex;
                align-content: center;
                justify-content: space-evenly;
                align-items: center;
                transition: none !important;
                overflow: hidden;
                height: 100%;
                width: 100%;
                box-shadow: inset 0px -702px 435px 0px white !important;
                flex-direction: column;
            }
            #logoCarga {
                animation: unset !important;
                filter: brightness(1.5) !important;
            }
            #cargandoCont > img {
                width: 250px;
                height: 250px;
                filter: grayscale(1) drop-shadow(2px 4px 6px rgb(255, 254, 254));
                border-radius: 200px;
                transition: ease 1s;
                position: absolute;
                z-index: 1000 !important;
            }

            #tituloCarga {
                color: white;
                font-size: 50px;
                z-index: 1004;
                text-shadow: 2px 5px 6px black;
                margin-top: 400px;
                text-align: center;
                padding-left: 20px;
                padding-right: 20px;
            }

            .wall {
                background: rgb(255, 255, 255);
            }
            .ion-page > * {
                opacity: 0;
            }
            .estrella {
                position: absolute;
                background: rgb(255, 255, 255);
                width: 15px;
                height: 15px;
                border-radius: 10px;
                margin: auto;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                transition: ease 2s;
                border: solid 1px;
                box-shadow: 0px 0px 5px 4px;
                visibility: hidden;
            }
            #background-default {
                width: -webkit-fill-available;
                height: -webkit-fill-available;
                position: absolute;
                top: 0px;
                z-index: 100;
                border: none;
            }
            ion-icon {
                cursor: pointer;
                float: right;
                font-size: 29px;
            }