:root{--silver: rgb(239, 239, 239);--black: #141414;--vanilla: #FFEE8C;--blue: #B3EBF2;--orange: #FD5E53;--white: #ffffff}*{border:none;padding:0;margin:0;box-sizing:border-box}html,body{height:100%;font-family:sans-serif}body{background-image:url(/joe.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;color:var(--white);position:relative}body:before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#00000059;z-index:0}.container{position:relative;z-index:1;padding:2rem;border-radius:8px;max-width:90vw;margin:2rem auto;color:var(--white)}@media (max-width: 800px){.container{margin:2rem 1rem}}nav.top-menu{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:1rem}nav.menu{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:.5rem}button.menu-item{border-radius:4px;display:flex;align-items:center;justify-content:center;height:36px;padding:1rem .5rem;font-family:Merriweather,serif;font-size:1rem;cursor:pointer;transition:background-color .3s ease,font-weight .3s ease;background-color:#ffffff26;color:var(--white)}button.menu-item:hover,button.menu-item:focus{background-color:var(--vanilla);color:var(--black);outline:none}.active{background-color:var(--vanilla);color:var(--black)}.inactive{background-color:#ffffff26;font-weight:300;color:var(--white)}.highlight-text{border:1px solid var(--silver);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#00000080;color:var(--white)}.title{margin-bottom:2rem;color:var(--white)}h1,h2{font-family:Montserrat,sans-serif;margin-bottom:1rem;font-weight:800;color:var(--white)}p{font-family:Merriweather,serif;font-weight:300;max-width:60ch;line-height:1.7;text-wrap:pretty;margin-bottom:.5rem;color:var(--white)}p.intro{font-size:1.2rem;margin-bottom:1rem}p.highlight-text{max-width:60ch;color:var(--white)}a{color:var(--blue);width:fit-content}.social-icon{max-height:32px;transition:max-height .2s ease}.social-icon:hover{max-height:34px}.baby,.portrait{max-width:90vw;border-radius:4px}.portrait,.shows{margin-bottom:2rem}.shows>ul{list-style:none;font-weight:300;gap:.75rem;display:flex;flex-direction:column;color:var(--white)}.show>.title,.show>.location{font-family:Montserrat,sans-serif;font-weight:600;color:var(--white)}.show>.date{font-family:Merriweather,serif;color:var(--white);display:inline-block}