@import"https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap";#root{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;overflow:hidden}html{height:100%;margin:0;scroll-behavior:smooth}main{flex:1}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}footer{background-color:#5a3e36;color:#f4e1d2;padding:5rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}footer nav a{display:inline-block;text-decoration:none;color:#f4e1d2;padding:1rem;text-transform:uppercase;font-weight:700}footer nav a:hover{color:#6b8e23;transition:color .5s}#topbar{position:fixed;top:0;width:100%;z-index:1000;background-color:#f4e1d2;padding:1rem;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translateY(-100%);opacity:0}#topbar.visible{transform:translateY(0);opacity:1}#topbar.hidden{transform:translateY(-100%);opacity:0}#topbar.static{position:relative;transform:none;opacity:1;transition:none}#topbar nav a{display:inline-block;text-decoration:none;color:#5a3e36;padding:1rem;text-transform:uppercase;font-weight:700}#topbar nav a:hover{color:#6b8e23;transition:color .5s}#topbar .toggleButton{display:none}@media screen and (max-width: 940px){#topbar nav{display:none}#topbar .toggleButton{display:block}}.full-section{height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box}.full-section .img-box{background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;width:100%;height:100%}@media (max-width: 1360px){.full-section{background-position:90%}}@media (max-width: 770px){.full-section{background-position:85%}}@media (max-width: 500px){.full-section{background-position:80%}}@media (max-width: 300px){.full-section{background-position:75%}}.dog-name-link{text-transform:capitalize;font-size:2rem;color:gold;text-shadow:1px 1px 1px rgba(0,0,0,.5);display:inline-block;border-bottom:3px solid;border-bottom-color:#0000;transition:color 2s,border-bottom-color .5s ease-in-out}.dog-name-link-spacer{font-size:2rem;color:gold;text-shadow:1px 1px 2px black}.dog-name-link:hover{cursor:pointer;border-bottom-color:#5a3e36;color:#5a3e36;transition:color 2s,border-bottom-color 2s}.dog-name-link.active{font-weight:700;color:#5a3e36;border-bottom-color:#5a3e36;text-shadow:none}main.stylized{background:linear-gradient(to bottom,#fff,#f3ece2)}.page-layout{margin-top:5rem}.page-layout p{text-align:left;line-height:1.75rem;margin-bottom:2rem}.page-layout .body1 strong{color:#5a3e36}div.navlinks{display:flex;align-items:end}div.navlinks.vertical{flex-direction:column;align-items:center;height:100%;justify-content:space-between;font-size:2rem}div.navlinks.vertical a{display:inline-block;text-decoration:none;color:#fff;padding:1rem;text-transform:uppercase;font-weight:700;text-align:center}div.navlinks.vertical a:hover{color:#6b8e23;transition:color .5s}div.navlinks.horizontal{flex-direction:horizontal;gap:2}.section-box{display:flex;overflow:hidden;width:100%;height:100%;flex-direction:row;align-items:center}.content-box{padding:5rem;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column}.content-box>div{max-width:80%}@media screen and (max-width: 850px){.full-section{height:auto}.full-section .img-box{min-height:100vw}.full-section .img-box.hide{display:none}.section-box{flex-direction:column}.content-box{padding:5rem 3rem}.content-box>div{max-width:100%}}