*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    /*ios specific
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    */
}

body{
    background: #333;
    color: white;
    text-decoration: none;
}

.header {
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
}

h1{
    padding: 1rem 0;
    text-align: center;
    
}

h4 {
    text-align: center;
}

.grid-container {
    display: grid;
    width: 100%;
    grid-template-rows: 140px 140px 140px;
    grid-template-columns: 100px 100px 100px;
    grid-gap: 30px 30px;
    justify-content: center;
    padding-top: 6rem;
    padding-left: 1rem;
    padding-right: 1rem;
}


.grid-item {
    text-align: center;
    color: white;
}

.app-icon {
    cursor: pointer;
    background: #555;
    width: 100%;
    height: 100px;
    border-radius: 26px;
}

.app-icon:active {
    transform: scale(.9);
}

.icon {
    font-size: 3rem;
    padding-top: 1.5rem;
}

.icon-text {
    padding-top: 10px;
}