:root{--color-main:#ecb89c;--color-main--lighter:#ecc2ac;--color-main--darker:#a77a62;--color-alt:#0f1c0d;--font-main:"Quicksand",sans-serif;background-color:#0f1c0d;background-color:var(--color-alt);color:#ecb89c;color:var(--color-main);font-family:Quicksand,sans-serif;font-family:var(--font-main);font-optical-sizing:auto;font-style:normal;font-weight:400;height:100%}*,:after,:before{box-sizing:border-box;position:relative}body{margin:0}#root,body{height:100%}#root{display:flex;flex-flow:column nowrap}footer,header,main{padding:2rem;width:100%}.content{margin-inline:auto;max-width:1240px}header{border-bottom:1px solid #ecb89c;border-bottom:1px solid var(--color-main)}main{flex-grow:1}main>.content{display:flex;flex-direction:column;gap:4rem}footer{background-color:#ecb89c;background-color:var(--color-main);color:#0f1c0d;color:var(--color-alt);text-align:right}:where(h1,h2,h3,h4,h5,h6,p):only-child{margin:0}:where(h1,h2,h3,h4,h5,h6)+p,:where(h1,h2,h3,h4,h5,h6,p):first-child{margin-top:0}h1{font-size:2.986em}h2{font-size:2.488em}h3{font-size:2.074em}h4{font-size:1.728em}h5{font-size:1.44em}h6{font-size:1.2em}p{font-size:1em}.small,small{font-size:.833em}.x-small{font-size:.694em}.material-symbols-outlined{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}a{color:#ecb89c;color:var(--color-main)}a:hover{text-decoration:none}footer a{color:#0f1c0d;color:var(--color-alt)}img{max-width:100%}button{background-color:#0f1c0d;background-color:var(--color-alt);border:1px solid #ecb89c;border:1px solid var(--color-main);color:#ecb89c;color:var(--color-main);cursor:pointer;font-family:Quicksand,sans-serif;font-family:var(--font-main);font-weight:500;padding:.5rem 1rem;text-transform:uppercase;width:100%}button.active{background-color:#ecb89c;background-color:var(--color-main);color:#0f1c0d;color:var(--color-alt)}button:hover{background-color:#a77a62;background-color:var(--color-main--darker);border-color:#a77a62;border-color:var(--color-main--darker);color:#ecc2ac;color:var(--color-main--lighter)}.btn-link{border:none;display:inline;font-size:medium;font-weight:400;padding:0;text-decoration:underline;text-transform:none;width:auto}.btn-link,.btn-link:hover{background:none;color:#000;color:initial}.btn-link:hover{text-decoration:none}.pet-list{width:100%}.pet-list ul{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;padding:0}.pet-card{background-color:#ecb89c;background-color:var(--color-main);border-radius:1rem;color:#0f1c0d;color:var(--color-alt);padding:2rem}.pet-card h2{margin:0}.pet-card article{display:flex;flex-wrap:wrap;gap:2rem}.pet-card figure{aspect-ratio:1;background-color:#ecc2ac;background-color:var(--color-main--lighter);border:.2rem solid #0f1c0d;border:.2rem solid var(--color-alt);border-radius:100%;margin:0;overflow:hidden}.pet-card figure,.pet-card figure img{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.pet-card figure img{object-fit:cover}.pet-card h4{border-bottom:1px solid #0f1c0d;border-bottom:1px solid var(--color-alt)}.pet-card a{color:#0f1c0d;color:var(--color-alt);cursor:pointer;text-decoration:underline}.pet-card a:hover{text-decoration:none}.pet-card .pet-props{list-style:none;margin:0;padding:0}.pet-props li+li{margin-top:.5rem}.pet-card .pet-prefs ul{margin:0;padding-left:1rem}nav{display:flex;justify-content:space-between;margin-top:2rem}nav button{aspect-ratio:1;background-color:#ecb89c;background-color:var(--color-main);border:1px solid #0f1c0d;border:1px solid var(--color-alt);border-radius:100%;color:#0f1c0d;color:var(--color-alt);width:auto}nav button:hover{background-color:#0f1c0d;background-color:var(--color-alt);border-color:#0f1c0d;border-color:var(--color-alt)}dialog[open]{background:none;background:#00000080;border:0;height:100%;left:0;position:fixed;top:0;width:100%}dialog div,dialog[open]{align-items:center;display:flex;flex-direction:column;justify-content:center}dialog div{background-color:#ecb89c;background-color:var(--color-main);border:4px solid #0f1c0d;border:4px solid var(--color-alt);max-width:25em;min-width:240px;padding:2rem;width:50%}@media screen and (min-width:640px){main .content{flex-direction:row}.pet-list{max-width:140px}.pet-list ul{display:block}.pet-card{padding-inline:4rem;width:100%}.pet-card h2{align-self:center;margin:0;width:50%}.pet-card figure{max-width:300px;order:-1;width:calc(50% - 2rem)}.pet-card .pet-bio{flex-grow:1;width:100%}.pet-prefs{flex-grow:1;width:calc(50% - 1rem)}nav{position:absolute;right:-1px;top:calc(-2rem - 1px)}nav button{align-items:center;aspect-ratio:auto;border-radius:0;display:flex}}@media screen and (min-width:1240px){footer,header,main{padding-inline:4rem}.pet-card h2{width:100%}.pet-card figure{order:0;width:calc(25% - 2rem)}.pet-card .pet-bio{width:calc(49% - 6rem)}.pet-prefs{width:13%}nav{right:4rem;top:0}}
/*# sourceMappingURL=main.9310834e.css.map*/