:where(.astro-TNV5N6B7){margin:0;padding:0;box-sizing:border-box}#body-secondary:where(.astro-TNV5N6B7){font-family:Sriracha,cursive;background-color:#f9f9e2}p:where(.astro-TNV5N6B7){overflow:auto;text-align:center}a:where(.astro-TNV5N6B7){text-decoration:none;color:#000}h2:where(.astro-TNV5N6B7).card-title{padding:1em .3em;line-height:1.5em;margin-bottom:.5em}.header-container:where(.astro-TNV5N6B7){height:350px;padding:3em;margin:0 auto 8em;border-radius:5em 0;text-align:center;background-image:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/dog-header.jpg);background-position:30% 36%;background-size:cover;background-repeat:no-repeat;background-color:#ffffff59;background-blend-mode:lighten}.header:where(.astro-TNV5N6B7){font-size:5em}.header-container:where(.astro-TNV5N6B7) p:where(.astro-TNV5N6B7){font-size:2.6em}.body-container:where(.astro-TNV5N6B7){display:flex;justify-content:center;flex-direction:column}.group1:where(.astro-TNV5N6B7){display:flex;justify-content:space-around;margin:2em 5em}.group1:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){width:100%;height:auto;background-color:#ffc09f;margin:0 2em 8em;border-radius:10px;text-align:center}.group1:where(.astro-TNV5N6B7) .card-title:where(.astro-TNV5N6B7){font-size:2em;width:100%;height:50%;padding:.3em auto 1em;border-radius:10px 10px 0 0}.group1:where(.astro-TNV5N6B7) .contents:where(.astro-TNV5N6B7){margin:1em;padding:.6em;font-size:1.3em}.group1:where(.astro-TNV5N6B7) .card-title:where(.astro-TNV5N6B7) span:where(.astro-TNV5N6B7){font-size:2em}.group2:where(.astro-TNV5N6B7){display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;margin:2em 5em}.yawn-img:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/dog-yawning.jpg);background-size:cover;background-position:40% 65%;background-color:#fff3;background-blend-mode:lighten;margin-bottom:3.5em;border-radius:10px}.sleep-img:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/dog-sleep.jpg);background-size:cover;background-position:20% 5%;background-color:#fff3;background-blend-mode:lighten;margin-bottom:3.5em;border-radius:10px}.group2:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){height:20em;border-radius:10px;margin-bottom:3.5em}.group2:where(.astro-TNV5N6B7) .card-dream:where(.astro-TNV5N6B7){height:20em;border-radius:10px;margin-bottom:3.5em}.group2:where(.astro-TNV5N6B7) .card-title:where(.astro-TNV5N6B7){font-size:2em;width:100%;height:3em;padding-top:.8em;border-radius:10px 10px 0 0;text-align:center}.group2:where(.astro-TNV5N6B7) .contents:where(.astro-TNV5N6B7){padding:0 2em .5em 0;font-size:1.3em}.group2:where(.astro-TNV5N6B7) .contents-less:where(.astro-TNV5N6B7){padding:1.5em 3em;font-size:1.3em}.sleepy-dog-icon:where(.astro-TNV5N6B7){display:none}.sleep-dog-icon:where(.astro-TNV5N6B7){display:none}.group3:where(.astro-TNV5N6B7){display:grid;grid-template-columns:40% 1fr;grid-template-rows:50% 50%;margin:5em 2.5em 3em}.paw-icon:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/paw-icon.png);background-repeat:no-repeat;height:150px;margin:2.5em 1em 1em 20.5em}.dog-human-ion:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/dog-human-icon.png);background-repeat:no-repeat;height:150px;margin:2.5em 4em 1em 20em}.group3:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){width:75%;height:auto;border-radius:10px;text-align:center;margin:2em 0 1em}.group3:where(.astro-TNV5N6B7) .card-title:where(.astro-TNV5N6B7){font-size:2em;text-align:left}.group3:where(.astro-TNV5N6B7) .contents:where(.astro-TNV5N6B7){font-size:1.3em;text-align:left}.group3:where(.astro-TNV5N6B7) .card-title:where(.astro-TNV5N6B7) span:where(.astro-TNV5N6B7){font-size:2em}.last-message:where(.astro-TNV5N6B7){position:relative}.last-message:where(.astro-TNV5N6B7) p:where(.astro-TNV5N6B7){font-size:7em;font-weight:700;color:#fff;position:absolute;left:18%;top:15%;padding-right:.5em}.last-img:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/dogs-inline.jpg);width:100%;height:100vh;background-size:cover;background-position:25% 70%;background-color:#fff3;background-blend-mode:lighten;margin-top:7em}.copyright:where(.astro-TNV5N6B7){text-align:center;padding:1em;width:100%;font-size:1em;background-color:#faebd7}@media screen and (min-width: 769px) and (max-width: 1400px){.header-container:where(.astro-TNV5N6B7){height:350px;background-size:120%;background-position:45% 35%}.group1:where(.astro-TNV5N6B7){display:flex;margin:2em 3em 7em}.group1:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){height:auto;margin:.5em;text-align:center}.group1:where(.astro-TNV5N6B7) .contents:where(.astro-TNV5N6B7){margin:.5em auto}.group2:where(.astro-TNV5N6B7) .contents:where(.astro-TNV5N6B7){padding:.3em 2em}.sleepy-dog-icon:where(.astro-TNV5N6B7){display:none}.sleep-dog-icon:where(.astro-TNV5N6B7){display:none}.group3:where(.astro-TNV5N6B7){display:grid;grid-template-columns:35% 1fr;grid-template-rows:50% 50%;margin:10em 2.5em 3em}.paw-icon:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/paw-icon.png);background-repeat:no-repeat;height:150px;margin:3em 1em 1em 5em}.dog-human-ion:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/dog-human-icon.png);background-repeat:no-repeat;height:150px;margin:2em 3.5em 1em 5em}.group3:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){width:100%;height:auto;border-radius:10px;text-align:center;margin:1.5em 0 1em}.group3:where(.astro-TNV5N6B7) .contents:where(.astro-TNV5N6B7){margin-right:2.5em}.last-message:where(.astro-TNV5N6B7) p:where(.astro-TNV5N6B7){position:absolute;left:8%;top:20%}}@media screen and (max-width: 768px){.header-container:where(.astro-TNV5N6B7){height:200px;background-size:150%;background-position:45% 35%;font-size:.6em}.group1:where(.astro-TNV5N6B7){display:flex;flex-direction:column;margin:2em 3em 7em;font-size:.7em}.group1:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){height:auto;border:1px solid #cacaca;margin:0 0 2em;text-align:center}.group2:where(.astro-TNV5N6B7){display:grid;grid-template-columns:1fr 40%;grid-template-rows:50% 50%;margin:5em 2.5em 3em;font-size:.7em}.yawn-img:where(.astro-TNV5N6B7){display:none}.sleep-img:where(.astro-TNV5N6B7){display:none}.sleepy-dog-icon:where(.astro-TNV5N6B7){display:inline;background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/sleepy-dog-icon.png);background-repeat:no-repeat;height:150px;width:100%;margin:2em 0 0}.sleep-dog-icon:where(.astro-TNV5N6B7){display:inline;background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/sleep-dog-icon.png);background-repeat:no-repeat;height:150px;width:100%;margin:2em 0 0;order:4}.group2:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){height:3em;border-radius:10px}.group2:where(.astro-TNV5N6B7) .card-dream:where(.astro-TNV5N6B7){border-radius:10px;margin-top:1em}.group2:where(.astro-TNV5N6B7) .card-title:where(.astro-TNV5N6B7){width:100%;height:3em;padding:.5em .3em;border-radius:10px 10px 0 0}.group2:where(.astro-TNV5N6B7) .contents:where(.astro-TNV5N6B7){padding:.3em 2em;font-size:1.3em}.group2:where(.astro-TNV5N6B7) .contents-less:where(.astro-TNV5N6B7){padding:.3em 2em;font-size:1.3em}.group3:where(.astro-TNV5N6B7){display:grid;grid-template-columns:40% 1fr;grid-template-rows:50% 50%;margin:7em 2.5em 3em;font-size:.7em}.paw-icon:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/paw-icon.png);background-repeat:no-repeat;height:130px;margin:3em 0}.dog-human-ion:where(.astro-TNV5N6B7){background:url(https://raw.githubusercontent.com/Yuriko-Otorii/HTML-CSS-mini-project/main/images/dog-human-icon.png);background-repeat:no-repeat;height:130px;margin:3em .5em}.group3:where(.astro-TNV5N6B7) .card:where(.astro-TNV5N6B7){width:100%;height:auto;border-radius:10px;text-align:center}.last-message:where(.astro-TNV5N6B7){position:relative}.last-message:where(.astro-TNV5N6B7) p:where(.astro-TNV5N6B7){font-size:5em;font-weight:700;color:#fff;position:absolute;left:10%;top:20%}}