.page-header[data-v-c99e8575]{background-color:var(--primary-color);color:#fff;padding:3rem 0;position:relative;text-align:center}.page-header .page-title[data-v-c99e8575]{color:var(--header-text-color);font-size:2.5rem;margin-bottom:.5rem;position:relative;z-index:1}.page-header .page-cover[data-v-c99e8575]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.bg[data-v-c99e8575]{background-color:var(--background-color);min-height:70vh;padding:2rem 0}.page-container[data-v-c99e8575]{margin:0 auto;max-width:1200px;padding:2rem 3rem}.page-container h2[data-v-c99e8575]{align-items:center;display:flex;font-size:1.5rem;margin:1.5rem 0 1rem}.page-container h2 .flower-icon[data-v-c99e8575]{animation:rotate-c99e8575 6s linear infinite;color:#ff9cbc;height:1.25rem;margin-right:.5rem;width:1.25rem}.block[data-v-c99e8575]{background:var(--color-pink-light);border-left:.2rem solid var(--color-purple);border-radius:4px;color:var(--grey-5);font-size:15px;line-height:2;margin:0 1.5rem;padding:.625rem 1rem;word-wrap:break-word}.welcome[data-v-c99e8575]{margin:0 2.5rem .5rem;position:relative}.welcome[data-v-c99e8575]:before{background:var(--primary-color);border-radius:50%;content:"";height:.4em;left:-1em;position:absolute;top:.85em;width:.4em}.friends[data-v-c99e8575]{display:flex;flex-wrap:wrap;font-size:.9rem}.friend-item[data-v-c99e8575]{align-items:center;border:.0625rem solid var(--grey-2);border-radius:.5rem;box-shadow:0 .625rem 1.875rem -.9375rem var(--box-bg-shadow);display:inline-flex;line-height:1.5;margin:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out 0s;width:calc(50% - 2rem)}.friend-item[data-v-c99e8575]:hover{box-shadow:0 0 2rem var(--box-bg-shadow);transform:translateY(-5px)}.friend-item .image[data-v-c99e8575]{border-radius:.9375rem;display:block;height:4rem;width:4rem}.friend-item .info[data-v-c99e8575]{padding-left:1rem}.friend-item .name[data-v-c99e8575]{font-weight:700}.friend-item .desc[data-v-c99e8575]{font-size:.75em;margin:.5rem 0}@keyframes rotate-c99e8575{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:767px){.friend-item[data-v-c99e8575]{width:calc(100% - 2rem)}}@media (max-width:768px){.page-title[data-v-c99e8575]{font-size:2rem!important}.page-container[data-v-c99e8575]{padding:1.5rem}}