@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
:host ::ng-deep {
    .lobster {
        font-family: "Lobster", Sans-serif;
    }
    .typingContent {
        font-size: 24px;
        line-height: 34px;
        font-family: "cwTeXYen", "Montserrat", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
            Tahoma, sans-serif;
    }
    .infoTitle {
        font-family: "cwTeXYen", "Montserrat", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
            Tahoma, sans-serif;
        line-height: 1.2;
        color: #7c7c7c;
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        /*margin-top: -10px;*/
        margin-bottom: -13px;
    }

    .info {
        font-family: "Lobster", Sans-serif;
        line-height: 1.2;
        font-size: 22px;
        color: #555555;
        text-align: center;
        margin-top: -17px;
    }

    .info.hightLight {
        color: #5292e1;
        font-weight: 600;
    }
}
body {
    margin: 0;
    padding: 0;
}

table,
td,
tr {
    vertical-align: top;
    border-collapse: collapse;
}

* {
    line-height: inherit;
}

a[x-apple-data-detectors="true"] {
    color: inherit !important;
    text-decoration: none !important;
}

.typingContainer {
    background-color: #ffffff;
    background-size: contain;
    height: 100vh;
    .typingContainerBoarding {
        background-image: url("/assets/images/HappinessGroup/bg1.png");
        background-position: top center;
        background-repeat: no-repeat;
        height: 100vh;
        background-size: 100% 100%;
        position: absolute;
        width: 100vw;
        top: 0px;
        left: 0px;
    }
}
.addressTypingContainer {
    background-image: url("/assets/images/HappinessGroup/bg3.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #f2dfdf;
    background-size: contain;
    height: 100vh;
    background-size: 100% 100%;
}
.typingContent {
    max-width: 75vw;
}
.weekPic {
    width: 312px;
    display: block;
    width: 100%;
    height: auto;
}
.weekPicContainer {
    width: 50vw;
    max-height: 35vh;
    max-width: 50vw;
    min-height: 35vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* margin: auto; */
    margin-left: auto;
    margin-right: auto;
}

.infoContainer {
    padding-top: 280px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: center;
}
.addressCard {
    width: 260px;
}
