body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Open Sans","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f9f9f9;background-color:#333131}h1{color:#363636}h1,h2,h3{font-family:"Fraunces",serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app-container{position:relative}.app-container .language-toggle{cursor:pointer;color:#fff;position:absolute;top:12px;left:12px;font-weight:700;text-decoration:underline}.app-container .language-toggle.mobile{color:#fff;top:12px;right:12px;left:unset}.app-container .menu-button{color:#fff;position:absolute;top:12px;right:12px}.app-container .menu-button.mobile{color:#fff;position:unset;top:unset;right:unset}.app-container .about-page-container,.app-container .donate-page-container,.app-container .download-page-container{display:flex;flex-direction:column;align-items:center;text-align:center}.app-container .about-page-container.desktop,.app-container .donate-page-container.desktop,.app-container .download-page-container.desktop{height:calc(var(--vh)*100)}.app-container .about-page-container.mobile .about-page,.app-container .about-page-container.mobile .donate-page,.app-container .donate-page-container.mobile .about-page,.app-container .donate-page-container.mobile .donate-page,.app-container .download-page-container.mobile .about-page,.app-container .download-page-container.mobile .donate-page{margin:14vh 5vw}.app-container .bhm-periodic-table-app{display:flex;flex-direction:column;align-items:center;text-align:center}.app-container .bhm-periodic-table-app.desktop{height:calc(var(--vh)*100);overflow:hidden}.app-container .bhm-periodic-table-app .p4d-logo{background:#fff;border-radius:6px;position:absolute;bottom:12px;left:12px;height:70px;padding:12px}.app-container .bhm-periodic-table-app.mobile .p4d-logo{background:#fff;border-radius:6px;position:absolute;bottom:12px;right:12px;left:unset;height:36px;padding:12px}.app-container .bhm-periodic-table-app.mobile .about-badge{width:180px}.app-container .bhm-periodic-table-app.mobile .element-card:hover.activists{background-color:#04e762}.app-container .bhm-periodic-table-app.mobile .element-card:hover.artists{background-color:#731dd8}.app-container .bhm-periodic-table-app.mobile .element-card:hover.athletes{background-color:#00a1e4}.app-container .bhm-periodic-table-app.mobile .element-card:hover.firsts{background-color:#dc0073}.app-container .bhm-periodic-table-app.mobile .element-card:hover.entrepreneurs{background-color:#ff01fb}.app-container .bhm-periodic-table-app.mobile .element-card:hover.government{background-color:#b27c66}.app-container .bhm-periodic-table-app.mobile .element-card:hover.lgbtq{background-color:#caa8f5}.app-container .bhm-periodic-table-app.mobile .element-card:hover.musicians{background-color:#9c528b}.app-container .bhm-periodic-table-app.mobile .element-card:hover.poets{background-color:#f7a9a8}.app-container .bhm-periodic-table-app.mobile .element-card:hover.theatre{background-color:#faff00}.app-container .bhm-periodic-table-app.mobile .element-card:hover.visual-arts{background-color:#0ead69}.app-container .bhm-periodic-table-app.mobile .element-card:hover.writers{background-color:#f70}.app-container .bhm-periodic-table-app .bhm-title{font-size:36px;border-radius:6px;background-color:#fff;box-sizing:border-box;border:1px solid #000;padding:12px;margin:12px}.app-container .bhm-periodic-table-app .bhm-periodic-table-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.app-container .bhm-periodic-table-app .bhm-periodic-table-container .legend-container{margin:24px 0}.app-container .bhm-periodic-table-app .bhm-periodic-table-container .legend-container .legend{border-radius:6px;background-color:#fff;color:#000}.menu-link{text-decoration:none;color:#000}.element-card{box-sizing:border-box;border:1px solid #000;height:5vw;width:5vw;display:grid;grid-template-rows:.5vw 2.5vw 1vw .5vw;justify-content:center;align-items:center;text-align:center;cursor:pointer}.element-card .element-number{padding-top:3px;font-size:.5vw}.element-card .element-id{font-size:2.1vw;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:none}.element-card .element-dates,.element-card .element-name{font-size:.5vw;overflow:hidden;white-space:nowrap}.element-card .element-dates{color:#363636;text-overflow:ellipsis}.element-card.activists{background-color:#04e762}.element-card.artists{background-color:#731dd8}.element-card.athletes{background-color:#00a1e4}.element-card.firsts{background-color:#dc0073}.element-card.entrepreneurs{background-color:#ff01fb}.element-card.government{background-color:#b27c66}.element-card.lgbtq{background-color:#caa8f5}.element-card.musicians{background-color:#9c528b}.element-card.poets{background-color:#f7a9a8}.element-card.theatre{background-color:#faff00}.element-card.visual-arts{background-color:#0ead69}.element-card.writers{background-color:#f70}.element-card:hover{background-color:#fff}.legend{display:grid;grid-template-columns:repeat(6,auto);border:1px solid #000;padding:6px}.legend .legend-item{display:grid;grid-template-columns:auto 1fr;padding:6px}.legend .legend-item .icon{height:1vw;width:1vw;border:3px solid transparent}.legend .legend-item .icon.activists{background-color:#04e762}.legend .legend-item .icon.artists{background-color:#731dd8}.legend .legend-item .icon.athletes{background-color:#00a1e4}.legend .legend-item .icon.firsts{background-color:#dc0073}.legend .legend-item .icon.entrepreneurs{background-color:#ff01fb}.legend .legend-item .icon.government{background-color:#b27c66}.legend .legend-item .icon.lgbtq{background-color:#caa8f5}.legend .legend-item .icon.musicians{background-color:#9c528b}.legend .legend-item .icon.poets{background-color:#f7a9a8}.legend .legend-item .icon.theatre{background-color:#faff00}.legend .legend-item .icon.visual-arts{background-color:#0ead69}.legend .legend-item .icon.writers{background-color:#f70}.legend .legend-item .icon.selected{border:3px solid #000}.legend .legend-item .label{padding:0 6px;text-align:start;font-size:1vw;font-weight:700}.element-info-card{box-sizing:border-box;border:1px solid #000;overflow:hidden;display:grid;grid-column:3/13;grid-row:2/4;display:flex;width:50vw;height:10vw}.element-info-card .element-image{height:10vw}.element-info-card .element-info{padding:12px;background-color:#fff;display:grid;align-items:start;text-align:start;overflow:none;grid-template-rows:auto 1fr;grid-row-gap:6px;row-gap:6px}.element-info-card .element-info .title{font-weight:700}.element-info-card .element-info .info-blurb{font-size:1vw}.mobile-popover-card-root{margin:0;border:0}.mobile-popover-card-root .MuiDialog-paper{max-width:1000px;left:0!important;border-radius:20px 20px 0 0;position:fixed;margin:0;bottom:0;overflow-x:hidden}@media only screen and (min-width:1000px){.mobile-popover-card-root .MuiDialog-paper{left:calc(50% - 500px)!important}}.mobile-popover-card-root .mobile-popover-card-container{max-width:1000px}.mobile-popover-card-root .mobile-popover-card-container .mobile-popover-card-content-container,.mobile-popover-card-root .mobile-popover-card-container .mobile-popover-card-header{width:calc(var(--vw)*100);max-width:1000px;margin:0}.mobile-popover-card-root .mobile-popover-card-container .mobile-popover-card-top-button{position:absolute;top:19px}.mobile-popover-card-root .mobile-popover-card-container .mobile-popover-card-top-button button{padding:16px;margin:-16px}.mobile-popover-card-root .mobile-popover-card-container .mobile-popover-card-top-button.right{right:16px}.mobile-popover-card-root .mobile-popover-card-container .mobile-popover-card-top-button.left{left:16px}.mobile-popover-card-root .mobile-popover-card-container .mobile-popover-card-bottom-button{width:calc(var(--vw)*100);max-width:1000px}.mobile-popover-card-root.full-screen .MuiDialog-container.MuiDialog-scrollPaper{justify-content:flex-end}.mobile-popover-card-root.full-screen .MuiDialog-container.MuiDialog-scrollPaper .MuiDialog-paperWidthSm.MuiDialog-paperScrollPaper.MuiDialog-paper.MuiPaper-rounded{width:100%;height:100%;max-width:calc(var(--vw)*100);max-height:calc(var(--vh)*100);border-radius:0;margin:0}.show-list-button{width:170px;box-sizing:border-box;border:2px solid #f9f9f9!important;box-shadow:2px 2px #f9f9f9;color:#f9f9f9!important;border-radius:12px;padding:6px;margin-top:6px;font-weight:400;font-size:16px;align-self:center}.bhm-periodic-table{color:#000;display:grid;grid-template-columns:repeat(17,auto) 1fr;border-collapse:collapse}.bhm-periodic-table .element-2{grid-column-start:-2}.bhm-periodic-table .element-5,.bhm-periodic-table .element-13{grid-column-start:13}.bhm-periodic-table .element-72,.bhm-periodic-table .element-104{grid-column-start:4}.mobile-table-element-info-popup .element-info-popup{text-align:center;padding:24px}.mobile-table-element-info-popup .element-info-popup .category-element-image{height:25vw}.mobile-table-element-info-popup .element-info-popup .category-element-name{font-size:16px;font-weight:700;padding:12px 0}.mobile-table-element-info-popup .element-info-popup .info-blurb{text-align:start}.mobile-table-element-info-popup .element-info-popup .learn-more-button{margin-top:12px;box-sizing:border-box;border:1px solid #000;border-radius:12px;padding:6px;font-weight:700;font-size:16px}.about-badge{text-align:center;font-size:9px;color:#fff;padding:0 24px 24px 12px}.about-badge.mobile{font-size:8px}.about-badge a{color:#fff;cursor:pointer}.bhm-category-table{display:flex;flex-direction:column}.bhm-category-table h1{color:#f9f9f9}.bhm-category-table .show-table-button{width:180px;border:2px solid #f9f9f9;box-shadow:2px 2px #f9f9f9;color:#f9f9f9;margin-top:6px;border-radius:12px;padding:6px;font-weight:400;font-size:16px;align-self:center}.bhm-category-table .category-element{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px;width:90vw}.bhm-category-table .category-element .category-element-image{height:20vw}.bhm-category-table .category-element .category-element-info{padding-left:10px;flex-grow:1}.bhm-category-table .category-element .category-element-info .category-element-name{text-align:start;font-size:16px;font-weight:700;word-wrap:break-word}.bhm-category-table .category-element .category-element-info .category-element-dates{text-align:start;font-size:14px;font-weight:400}.bhm-category-table .category-element .element-card{border:1px solid #000;height:20vw;width:20vw;display:grid;grid-template-rows:5vw 10vw 1vw;justify-content:center;align-items:center;text-align:center;cursor:pointer}.bhm-category-table .category-element .element-card:hover{background-color:#d3d3d3}.bhm-category-table .category-element .element-card .element-number{font-size:3vw}.bhm-category-table .category-element .element-card .element-id{font-size:10vw;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:none}.bhm-category-table .category-element .element-card .element-dates,.bhm-category-table .category-element .element-card .element-name{font-size:0}.mobile-element-info-popup .element-info-popup{text-align:center;padding:24px}.mobile-element-info-popup .element-info-popup .category-element-image{height:25vw}.mobile-element-info-popup .element-info-popup .info-blurb{text-align:start}.mobile-element-info-popup .element-info-popup .learn-more-button{margin-top:6px;box-sizing:border-box;border:1px solid #000;border-radius:12px;padding:6px;font-weight:700;font-size:16px}.about-page{background-color:#f9f9f9;color:#363636;text-align:start;margin:6vh 20vw;padding:60px 0 120px}.about-page h1{text-align:center}.about-page h2,.about-page p{margin:0 10vw 1vh}.about-page p{line-height:1.5;font-size:18px}.donate-page{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;color:#363636;text-align:start;margin:6vh 20vw;padding:60px 0 120px}.donate-page h1{text-align:center}.donate-page h2{margin:0 10vw 1vh}.donate-page .info{padding-top:12px}.donate-page .info .info-description{padding-bottom:12px}.donate-page .info .donate-point{display:flex;margin:0 11vw}.donate-page .info .donate-point p{margin:0 0 1vh}.donate-page .info p{line-height:1.5;font-size:18px;margin:0 10vw}.donate-page .donate-button{width:200px;text-transform:unset;margin-top:24px;background:#363636;color:#f9f9f9}.donate-page .donate-button:hover{color:#363636}.download-page{background-color:#f9f9f9;color:#363636;text-align:start;margin:6vh 20vw;padding:60px 0 120px}.download-page h1{text-align:center}.download-page h2,.download-page p{text-align:center;margin:0 10vw 1vh}.download-page p{line-height:1.5;font-size:20px}.download-page p .download-image{width:50vmin}
/*# sourceMappingURL=main.123ea1ef.chunk.css.map */