body {font-family: 'PT Serif'; overflow-y: none}
h1 {font-size: 2.3rem; font-family: 'PT Serif Caption'}
h2 {font-size: 0.9rem; font-family: 'PT Serif Caption'; font-weight: normal}
  
input {cursor: pointer; border: 1px solid gray} 
  
a {text-decoration: none; color: blue}
a:hover {color: #AAF; opacity: 0.75}
  
.headerBox {width: 1000px; margin: 0 auto; height: 6rem; text-align: center}
.bodyBox {width: 1000px; margin: 0 auto; height: calc(100vh - 8rem); overflow-y: scroll; overflow-x: hidden}
.bodyBox::-webkit-scrollbar { width: 0 !important }
.bodyBox { overflow: -moz-scrollbars-none; -ms-overflow-style: none; }
.footerBox {width: 1000px; margin: 0 auto; font-size: 0.7rem; height: 2rem; display: flex; justify-content: center; align-items: center}
.btnAsk {border-radius: 0.5rem; padding: 0.5rem 1rem; font-size: 1.2rem}
  
#_worksList {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; width: 100%; padding: 0; color: navy; list-style: none}
#_worksList li {margin-bottom: 1rem; text-align: center; cursor: pointer}
#_worksList li img {max-width: 100%}
.captionPhoto {border-radius: 1rem}

.zagsAbout {text-align: center; margin-bottom: 2vh}

#_db {list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.5rem; width: 100%; padding: 0}
#_db li {margin-bottom: 2rem; color: navy; cursor: pointer}
#_db li img {width: 100%; border-radius: 0.5rem}
#_db li div {text-align: center; font-size: 0.9rem}
#_db li div p {text-align: center; font-size: 0.7rem}

#_zags {list-style: none; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1.5rem; width: 100%; padding: 0}
#_zags li {margin-bottom: 0.5rem; color: navy; cursor: pointer}
#_zags li img {width: 100%; border-radius: 0.5rem}
#_zags li div {text-align: center; font-size: 0.75rem}
#_zags li div p {text-align: center; font-size: 0.6rem}