.card{height:100%;object-fit:cover;card-radius:.25rem}.button{border-radius:.25rem}h1,h2,h3,h4{font-family:var(--bulma-family-primary)}p{font-family:var(--bulma-family-secondary)}.is-title,.is-subtitle{font-family:var(--bulma-family-primary)}#menu{font-family:var(--bulma-family-primary);color:var(--bulma-text-bold)}#menu:hover{color:var(--bulma-primary);transition:color .2s}#posts{font-family:var(--bulma-family-primary);color:var(--bulma-text-bold)}#posts:hover{color:var(--bulma-primary);transition:color .2s}#galleries{font-family:var(--bulma-family-primary);color:var(--bulma-text-bold)}#galleries:hover{color:var(--bulma-secondary);transition:color .2s}#about{font-family:var(--bulma-family-primary);color:var(--bulma-text-bold)}#about:hover{color:var(--bulma-warning);transition:color .2s}#contact{font-family:var(--bulma-family-primary);color:var(--bulma-text-bold)}#contact:hover{color:var(--bulma-danger);transition:color .2s}.header-image{background-image:url(../images/website_header2.jpg);background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-color:#999}.menu{position:sticky;display:inline-block;vertical-align:top;max-height:100vh;overflow-y:auto;width:auto;top:0;bottom:0}.menu-foot{position:sticky;display:inline-block;vertical-align:bottom;max-height:100vh;overflow-y:auto;width:auto;top:0;bottom:0;padding:20px}.content{display:inline-block}a span:hover{filter:brightness(150%);color:var(--bulma-link);transition:color .2s}hr.dark{color:$dark border-color:$dark}hr.light{color:$light border-color:$light}body{background-color:$light;height:100vh;transition:all .4s ease}body .subtitle,body .title{color:$dark}body.dark{background-color:$dark;color:$light}body.dark .subtitle,body.dark .title{color:$light}.section{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}button{cursor:pointer;border:none;color:$light;padding:.8rem;background:$dark;border-radius:6px}body.dark button{background:$light;color:$dark}@import url("contactform.css") .jg{--min-width: 33%;
  --row-height: 20vh;
  --max-row-height: 50vh;
  display: flex;
  flex-wrap: wrap;
  margin: 0.25rem;
}.jg>a{--ratio:calc(var(--w) / var(--h));flex-grow:calc(var(--ratio) * 100);flex-basis:calc(var(--ratio) * var(--row-height));margin:.25rem;min-width:var(--min-width)}.jg>a>img{display:block;width:100%;height:auto;min-width:100%;min-height:100%;max-height:var(--max-row-height);object-fit:cover}