/* custom.css - for https://gethomepage.dev/ */

html {
    font-size: 110%;
}

/* Subtle drop shadow for all text - helps with readability against background */
* {
    text-shadow:  0px 0px 0px rgba(0, 0, 0, 0.5), 1px 2px 1px rgba(0, 0, 0, 0.8);
    color: white !important;
}


/* Increase the radius of the corners */
.rounded-md, .rounded {
    border-radius: 15px !important;
}


/* Service items sublte drop shadow */
.service > div {
    box-shadow: 0 0px 6px -1px var(--tw-shadow-color,#0000001a),0 0px 4px 0px var(--tw-shadow-color,#0000001a)
}


/* Make the widget service blocks all one unit */
.service-block {
    background-color: transparent !important;
    box-shadow: none !important;
}
.service div .service-container {
    background: #00000033;
}
.service div> :nth-child(2).service-container {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.service div > :last-child.service-container {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.service div > *:nth-child(n+3) > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
}