body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#logout-button{grid-area:logout;justify-items:center}.newWorksFormDiv{border:3px dashed #a9a9a9;border-radius:10px;display:grid;grid-template-areas:"yearDivNew yearDivNew displayDivNew displayDivNew orderDivNew orderDivNew" "titleDivNew titleDivNew titleDivNew titleDivNew titleDivNew titleDivNew" "mediumDivNew mediumDivNew mediumDivNew mediumDivNew mediumDivNew mediumDivNew" "dimensionsDivNew dimensionsDivNew dimensionsDivNew dimensionsDivNew dimensionsDivNew dimensionsDivNew" "statementDivNew statementDivNew statementDivNew statementDivNew statementDivNew statementDivNew" "imageDivNew imageDivNew imageDivNew imageDivNew controlsDivNew controlsDivNew" "imageDivNew imageDivNew imageDivNew imageDivNew controlsDivNew controlsDivNew";margin:5px;max-width:500px}.content-admin,.newWorksFormDiv{box-sizing:border-box;padding:5px;text-align:left}.content-admin{word-wrap:break-word;border:1px solid var(--card-border);border-radius:10px;margin:2.5px;overflow-wrap:break-word;overflow-x:hidden}.worksForm-admin{display:grid;grid-template-areas:"img img img img img img" "spacer spacer spacer spacer spacer spacer" "id id id id controls controls" "posted posted posted posted controls controls" "updated updated updated updated controls controls" "year year display display order order" "title title title title title title" "medium medium medium medium medium medium" "dimensions dimensions dimensions dimensions dimensions dimensions" "statement statement statement statement statement statement" "primary primary primary primary primary primary" "detail detail detail detail detail detail";grid-template-columns:repeat(6,1fr);grid-template-rows:auto 1fr repeat(10,auto);max-width:500px;overflow-x:auto}.imgDiv-admin{align-self:center;display:grid;grid-area:img;grid-template-areas:"primaryDiv" "detailDiv";grid-template-rows:repeat(2,auto);justify-self:center;max-width:100%;min-height:350px;object-fit:contain}.saveNewBtn{height:75px;width:100px}#yearDivNew{grid-area:yearDivNew}#displayDivNew{grid-area:displayDivNew;text-align:center}#orderDivNew{grid-area:orderDivNew;text-align:right}#controlsDivNew{grid-area:controlsDivNew;text-align:right}#titleDivNew{grid-area:titleDivNew}#mediumDivNew{grid-area:mediumDivNew}#dimensionsDivNew{grid-area:dimensionsDivNew}#statementDivNew{grid-area:statementDivNew}#imageDivNew{grid-area:imageDivNew}.primaryDiv{align-content:center}.detailDiv{display:flex;flex-shrink:0;object-fit:contain;overflow-x:auto;scroll-snap-type:x mandatory}.detailDiv>*{scroll-snap-align:end}.detailImg.multiple{margin:4px}.detail{grid-area:detail}.primary{grid-area:primary}input.detail,input.primary{border:1px solid #d3d3d3}#dimensionsDivNew .dimensions,#imageDivNew .detail,#imageDivNew .primary,#mediumDivNew .medium,#statementDivNew .statement,#titleDivNew .title{box-sizing:border-box;width:100%}#about-text{height:90%;width:90%}.modal{background-color:#0006;height:100%;left:0;overflow:hidden;padding-top:20vh;position:fixed;top:0;width:100%;z-index:2}.modal-content{background-color:#fff;border:1px solid grey;border-radius:20px;font-size:20px;font-weight:700;margin:auto;padding:50px;text-align:center;width:50vw}.modal-content>.message{align-items:center;display:flex;justify-content:center;max-width:100%}.cancel,.confirmation{color:#a9a9a9;float:right;font-size:20px;font-weight:700;padding:10px}.cancel:focus,.cancel:hover{color:red;cursor:pointer;text-decoration:underline}.confirmation:focus,.confirmation:hover{color:green;cursor:pointer;text-decoration:underline}:root{--primary-color:#000;--secondary-color:grey;--active-color:#fff;--passive-color:#000;--hover-color:#000;--card-border:#000}*{font-family:sans-serif;margin:0}a{color:#000;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.header a:visited,a:hover,span a:visited{color:grey;color:var(--secondary-color)}.main{align-items:center;display:flex;flex-flow:column nowrap;grid-template-areas:"header" "buttons" "worksForm" "content";justify-content:center;overflow-x:hidden;text-align:center}.header{align-items:flex-start;display:grid;font-size:large;grid-area:header;grid-template-areas:"site nav icons" "spacer spacer logout";grid-template-columns:repeat(3,1fr);padding:15px;width:100vw}.site{grid-area:site;padding-left:15px}.nav,.site{text-align:center}.nav{align-items:flex-start;flex:1 1}.links{grid-area:links;text-align:center}.links,.site{flex:0 0 auto}.navRow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.links a{margin:0 8px}.buttons{grid-area:buttons}button{margin:5px}button.typeBtn,button.yearBtn{border:2px solid #000;border:2px solid var(--passive-color);border-radius:40px;font-size:15px;padding:8px 16px}button.typeBtn:hover,button.yearBtn:hover{background-color:#000;background-color:var(--hover-color);color:#fff;color:var(--active-color)}button.active{background-color:#000;background-color:var(--passive-color);color:#fff;color:var(--active-color)}.footer{grid-area:footer;text-align:center}.display{display:flex;flex-wrap:wrap;justify-content:center}.a-over-work,.a-over-work:hover{color:#000;text-decoration:none}.content{word-wrap:break-word;border:1px solid #000;border:1px solid var(--card-border);border-radius:10px;box-sizing:border-box;display:grid;grid-area:content;margin:2.5px;max-height:100%;max-width:500px;overflow-wrap:break-word;overflow-x:hidden;padding:5px;text-align:left}.content:nth-child(3n+1){box-shadow:3px 3px 5px #000}.content:nth-child(3n+2){box-shadow:3px 3px 5px grey}.content:nth-child(3n+3){box-shadow:3px 3px 5px #a9a9a9}.work,.workInd{box-sizing:border-box;display:flex;flex-direction:column}.work{height:100%;max-width:250px}.workInd{max-width:100%;min-height:250px}.imgDiv{display:flex;grid-area:img;min-height:250px}.primaryImg{grid-area:detail;max-height:249px;max-width:249px}.detailImg{grid-area:detailImg;max-height:99px;max-width:99px}.primaryInd{grid-area:primaryInd;max-height:100%;max-width:100%}.detailImg,.imgDiv,.primaryDiv,.primaryImg,.primaryInd{align-self:center;justify-self:center;object-fit:contain}.primaryDiv{grid-area:primaryDiv;min-height:249px}.spacerDiv{flex-grow:1;grid-area:spacer}.spacerDiv1{grid-area:spacer1;min-height:8px}.spacerDiv2{grid-area:spacer2;height:16px}.id{grid-area:id}.posted{grid-area:posted}.updated{grid-area:updated}.controls{grid-area:controls;text-align:right}.yearDiv{grid-area:year}.displayDiv{grid-area:display;text-align:center}.orderDiv{grid-area:order;text-align:right}.titleDiv{grid-area:title}.mediumDiv{grid-area:medium}.dimensionsDiv{grid-area:dimensions}.statementDiv{grid-area:statement}#about-text{font-size:x-large;margin:0 20px}#about-text,.statementDiv{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-line}.dimensionsDiv .dimensions,.mediumDiv .medium,.statementDiv .statement,.titleDiv .title{box-sizing:border-box;width:100%}.lightbox{background-color:#000000d9;inset:0;position:fixed;z-index:10}.lightbox,.lightbox-content{align-items:center;display:flex;justify-content:center}.lightbox-content{box-sizing:border-box;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.lightbox-image{box-shadow:0 0 5px #000;display:block;flex:0 1 auto;height:auto;margin:auto;max-height:calc(90vh - 100px);max-width:100%;object-fit:contain;overflow:hidden;width:auto}.lightbox-thumbnails{display:flex;flex-shrink:0;height:100px;justify-content:center;object-fit:contain;overflow-x:auto;scroll-snap-type:x mandatory;width:100%}.lightbox-thumbnails>*{scroll-snap-align:end}.lightbox-thumbnails img{cursor:pointer;height:auto;margin:4px;max-height:99px;max-width:99px;object-fit:contain;width:auto}.lightbox-close{color:#fff;color:var(--active-color);cursor:pointer;font-size:40px;position:absolute;right:30px;top:40px}#topBtn{bottom:50px;display:fixed}#btmBtn{display:fixed;top:50px}#btmBtn,#topBtn{border:none;cursor:pointer;font-size:36px;outline:none;position:fixed;right:20px;z-index:1}button#btmBtn,button#topBtn{margin:0;padding:0;text-decoration:none}.icons{justify-content:center}.icon,.icons{display:flex;overflow:visible}.icon{align-items:center;color:inherit;position:relative;text-decoration:none}.icon svg{transition:transform .4s ease}.icon .label{opacity:0;position:absolute;transform:translateX(-35px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.icon:hover svg{transform:translateX(-60px)}.icon:hover .label{opacity:1;transform:translateX(-35px)}.navBtns{align-self:center;display:grid;grid-area:navBtns;grid-template-areas:"prevDiv nextDiv";grid-template-columns:repeat(2,auto)}.navBtn{display:flex;font-size:36px}.navBtn,.navBtn:hover{text-decoration:none}#prevDiv{grid-area:prevDiv}#nextDiv,#prevDiv{justify-content:center}#nextDiv{grid-area:nextDiv}#nextDiv,#prevDiv{display:flex}
/*# sourceMappingURL=main.c837b908.css.map*/