#mainContainer{display:flex;flex-direction:column}#dogBannerImg{border-radius:2rem}.dogInfoContainer{display:flex;flex-direction:column;justify-self:center;margin-top:2rem}.dogInfoContainer h2{text-align:center;margin-bottom:0;font-size:1.8rem}.dogInfoContainer p{text-align:center;margin-bottom:0}#titleDog{margin-top:0;font-size:2.2rem}#firstDogPic{margin-top:1rem;max-width:50vh;align-self:center}.dogPicGallery{justify-self:center;align-self:center;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:2rem;margin-top:4rem}.dogImgInContainer{max-height:500px}#dogNameOverBanner{font-size:3rem;color:#000;text-shadow:.1rem .1rem .3rem white}h1{text-decoration:underline}#contactMeContainer{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:20rem}.linkContainer{display:flex;align-items:center;column-gap:.4rem;min-height:2rem}.puppyCard{display:flex;flex-direction:column;color:#0ff;text-align:center;gap:.3rem;margin-bottom:6rem}#puppyBanner{max-width:900px;border-radius:4rem 4rem 1rem;align-self:center}:root{--mainTextColor: rgb(255, 255, 255);--mainTextColor-2: rgb(19, 19, 19);--pureWhite: rgb(255, 255, 255);--pureWhiteTrans: rgba(255, 255, 255, .904);--background-color: rgb(19, 19, 19);--background-color-2: rgb(202, 189, 174);--buttonColor: rgb(182, 27, 0);--buttonColorHover: rgb(78, 0, 0)}html{background-color:var(--background-color);color:var(--mainTextColor);font-size:16px;max-width:1200px;margin-left:auto;margin-right:auto}#contactMeContainer{background-color:var(--background-color-2);color:var(--mainTextColor-2);padding-top:2rem;margin-left:auto;margin-right:auto;max-width:60%;border-radius:1.5rem}#contactMeLinks{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2.2rem;padding-top:2rem;padding-bottom:6rem;font-size:1.8rem}.linkContainer{display:flex;flex-direction:row;gap:2.5rem;min-height:5rem}.contactIcons{max-width:3rem;height:auto;margin-left:auto;margin-right:auto}#homePicture{max-width:80%;height:auto;display:block;margin-left:auto;margin-right:auto;border-radius:1.5rem}.textBlock{line-height:1.8rem;color:var(--mainTextColor-2);padding:1.5rem;border-radius:1.5rem;background-color:var(--background-color-2)}.dogImgInContainer,#firstDogPic{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;border-radius:1.5rem}footer{display:flex;flex-direction:column;margin-top:5rem}footer p{margin-top:2rem;font-style:italic}.footerDiv{display:flex;flex-direction:column;font-style:italic;gap:.3rem}.footerDiv h1{font-size:1.3rem;font-style:normal;text-decoration:none;margin:0}.footerDiv p{text-decoration:none;margin:0}.footerDiv a{text-decoration:none;color:inherit;margin:0}a{text-decoration:none;color:inherit}a:hover,.footerDiv a:hover{color:red}nav{display:flex;gap:.5rem;padding-bottom:1rem;padding-top:1rem;margin-bottom:1rem;background-color:var(--pureWhiteTrans);border-radius:0rem 0rem 2rem 2rem}header{display:flex;justify-content:center;background-color:var(--pureWhite);border-radius:2rem 2rem 0rem 0rem}.titles{text-align:center;font-size:2.5rem;margin-top:3rem;margin-bottom:1rem;text-decoration:none}.navDiv{display:flex;flex-direction:row;align-items:center;justify-content:center}#stickyNav{position:sticky;top:0;z-index:4}#logoBanner{max-width:700px;padding-bottom:1rem}.navButton{background-color:var(--buttonColor);color:#fff;padding:.6rem 1rem;font-size:16px;text-decoration:none;border:none;cursor:pointer;border-radius:1.25rem}.navButton:hover{background-color:var(--buttonColorHover)}.dropbtn,.dropbtn-pup{background-color:var(--buttonColor);color:#fff;padding:.6rem 1rem;font-size:16px;border:none;cursor:pointer;border-radius:1.25rem}.dropbtn:hover,.dropbtn:focus{background-color:var(--buttonColorHover)}.dropbtn-pup:hover,.dropbtn-pup:focus{background-color:var(--buttonColorHover)}.dropdown,.dropdown-pup{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;inset-inline-start:-4px;inset-block-start:40px;background-color:#f1f1f1;min-width:.5rem;overflow:auto;box-shadow:0 8px 16px #0003;z-index:1;border-radius:1.25rem;text-align:center}.dropdown-content-pup{display:none;position:absolute;inset-inline-start:4px;inset-block-start:-40px;background-color:#f1f1f1;min-width:.5rem;overflow:auto;box-shadow:0 8px 16px #0003;z-index:1;border-radius:1.25rem;text-align:center}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown a:hover{background-color:#ddd}.show{display:block}@media screen and (max-width:1024px){#logoBanner{max-width:560px}html{max-width:580px}#contactMeContainer{max-width:80%}#contactMeLinks{gap:1.3rem;padding-top:2rem;padding-bottom:6rem;font-size:1.6rem}.contactIcons{max-width:2rem}.linkContainer{gap:1.2rem}}@media screen and (max-width:720px){#logoBanner{max-width:340px}#contactMeContainer{max-width:90%;gap:.7rem}#contactMeLinks{gap:1.3rem;padding-top:2rem;padding-bottom:6rem;font-size:1.8rem}.contactIcons{max-width:2rem}.linkContainer{gap:1.2rem}}@media screen and (max-width:415px){#logoBanner{max-width:300px}html{max-width:2800px}#contactMeContainer{max-width:90%;gap:.7rem}#contactMeLinks{gap:.7rem;padding-top:2rem;padding-bottom:6rem;font-size:1.1rem}.contactIcons{max-width:2rem}.linkContainer{gap:.7rem}}