:root {
  --f7-ios-primary: #007AFF;
  --f7-ios-primary-shade: #007AFF;
  --f7-ios-primary-tint: #007AFF;
  --f7-theme-color-rgb: var(--f7-ios-primary);
}

.ios {
    --f7-theme-color: #007AFF;    
    --f7-theme-color-shade: #007AFF;
    --f7-theme-color-tint: #007AFF;
}

.ios .color-primary,
.ios.color-primary {
    --f7-theme-color: #b9cefb;
    --f7-theme-color-shade: #b9cefb;
    --f7-theme-color-tint: #b9cefb;
}
.item-inner{font-size:auto;color:#fff!important;}
.page-content {
    max-height: 100%;
    max-width: 100%;
}
.page{
    background-image: url('../assets/background.jpg');
      background-size: cover;
      background-position: center;
}

.source-code{font-size:20px;color:#fff;font-weight:bold;!important}
.list{font-size:auto;!important 
    color:#fff;!important}
.item-media img {
    background-color: #C2C2C2;
    width: 60px;
    height: 60px;
    border-radius: 23.3%;
}

img {
    pointer-events: none;
}
.source-code{font-size:20px;color:#fff;font-weight:bold;!important}
.source-code i{font-size:20px;!important}
.concept-img {
    width: 97%;
    border-radius: 20px;
}
.item-title{font-size:auto;color:#fff;!important}
.item-subtitle{font-size:auto;color:#fff;!important}

.block-title {
    font-size: auto;
    color: #fff;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: fixed;
    overflow: hidden;
    font-size: auto;
    color: #fff;
    opacity: 0;
    animation: fadeIn 2s ease-in-out forwards;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

::-webkit-scrollbar {
    display: none;
}

.list.separated li {
    margin-top: 10px;
    background: var(--f7-list-strong-bg-color);
    border-radius: var(--f7-list-inset-border-radius);
}

.list.separated ul {
    background: transparent;
}

    .list.separated.glass li {
  background: rgba(255, 255, 255, 0.13)!important;
  
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow:
    0px 0px 0px 2px rgba(255, 255, 255, 0.05) inset,
    0px 0px 100px 10px rgba(255, 255, 255, 0.05) inset,
    0 0.5px 0px rgba(255, 255, 255, 0.525) inset;
}



.list.separated .item-inner:after {
    content: none;
}


.popup {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.item-media ion-icon {
    font-size: 27px;
}

a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
}




.wallpaper {
    width: 300px;
    border-radius: 20px;
    margin-right: 2px;
}

.profile-pic {
    border-radius: 999px;
    width: 50%;
}

@media only screen and (min-width: 500px) {
    #app {
        padding-left: 30%;
        padding-right: 30%;
    }
}