.full-screen {
    /*background: pink;*/
    color: #1f4f6f;
    height: 96vh;
    display: table-cell;
    vertical-align: middle !important;
    text-align: center;
    /*-webkit-user-drag:none;*/
    min-height: 96vh;
}

.down-arrow {
    /*background: green;*/
    -webkit-user-select: none;
    -webkit-user-drag: none;
    position: absolute;
    bottom: 6vh;
    margin-left: -3vw;
    width: 6vw;
    height: 6vw;
}

@media (min-width: 1200px) and (min-height: 768px) {
    .down-arrow {
        bottom: 1vh;
    }
}

.app-group {
    /*background: pink;*/

}


.app-item {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*padding: 1vh 1vw;*/
    /*border: 2px #39ccff solid;*/
    /*border-radius: 1rem;*/
    max-height: 15vw;
    height: 15vw;
    border: #bdbdbd solid 1px;
    border-radius: 1rem;
    margin-bottom: 0.5vw;
}

.app-logo {
    height: 100%;
    border-radius: 2rem;
}

.app-info {
    padding: 2vh 2vw;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    /*color: #1f4f6f;*/
}

.app-button {
    border: #1f4f6f 1px solid;
    border-radius: 0.5rem;
    width: 3vw;
    text-align: center;
    background: #1f4f6f;
    color: white;

}

.app-button, .app-button:link, .app-button:visited, .app-button:active {
    text-decoration: none;
    color: #e9ecef;
}

.app-button:hover {
    color: white;
    font-weight: 400 !important;
}

.ig-logo {
    padding: 1vw;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.game-logo {
    padding: 2vw;
}

.twitter-logo {
    padding: 2vw;
    background: rgb(29, 155, 240);
}

.youtube-logo {
    padding: 2vw;
    background: red;
}

.twitch-logo {
    padding: 2vw;
    background: #772ce8;
}

.vk-logo {
    padding: 2vw;
    /*background: rgb(0, 119, 255);*/
    background: rgb(76, 108, 145);
}

.vimeo-logo {
    padding: 2vw;
    background: rgb(41, 182, 246);
}

.pin-logo {
    padding: 2vw;
    background: rgb(203, 32, 39);
}

.reddit-logo {
    padding: 2vw;
    background: rgb(255, 69, 0);
}

.snap-logo {
    padding: 2vw;
    background: #FFFC00;
}

.linkedin-logo {
    padding: 2vw;
    background: rgb(0, 119, 181);
}

.ted-logo {
    padding: 1vw;
    background: white;
}

.wwe-logo {
    padding: 1vw;
    background: black;
}

.pixabay-logo {
    padding: 2vw;
    background: rgb(101, 165, 87);
}

.kwai-logo {
    background: white;
}

.soundcloud-logo {
}

@media (max-width: 1024px) {
    .app-item {
        max-height: 25vw;
        height: 25vw;
        border: #bdbdbd solid 1px;
        border-radius: 1rem;
        margin-bottom: 0.5vw;
    }
}

@media (max-width: 768px) {
    .app-logo {
        border-radius: 20%;
    }

    .app-info {
        display: none;
    }

    .app-item {
        max-height: 20vw;
        height: 20vw;
        border: none;
        border-radius: 1rem;
        margin-bottom: 0;
        flex: 0 0 20%;
    }

    .app-group {
        display: flex;
        /*justify-content: flex-start;*/
        /*justify-content: space-around;*/
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .ig-logo {
        padding: 1.5vw;
    }
}