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}.App{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Roobert-Medium;src:url(/static/media/Roobert-Medium.47a08f41c8d79c72d523.otf)}@font-face{font-family:Moranga-Medium;src:url(/static/media/Moranga-Medium.db0d70aae0e225aa834e.otf)}*{font-family:Roobert-Medium!important;margin:0;padding:0}body{background-color:#202124}h1,span{color:#fff;font-family:Roobert-Medium;margin:0;padding:0}h1{font-family:Moranga-Medium!important;font-size:80px;line-height:80px;margin-top:30px}.top{gap:0}.top,.top-x,.top-x p{display:flex;flex-direction:column}.top-x,.top-x p{align-items:flex-end;cursor:pointer;justify-content:flex-end;margin-right:-30px;padding-top:15px;width:100%}.periodic-table{grid-gap:4px;display:grid;grid-template-columns:repeat(18,64px);grid-template-rows:repeat(10,64px)}.wrapper{overflow:scroll;padding-bottom:40px}a{color:#6c9bf7;text-decoration:none}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#202124;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:4}.modal,.modal>div{display:flex;flex-direction:column}.modal>div{background-color:#fff;border-radius:20px;gap:40px;padding:0 80px 50px;width:40%;z-index:10}.modal>div>div:first-of-type>p:first-of-type{font-family:Moranga-Medium!important;font-size:40px}.modal>div>div:last-child{align-items:start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.modal>div>div:first-of-type{align-items:center;display:flex;flex-direction:column;width:100%}.modal>div>div:first-of-type>p:last-of-type{margin-top:-2%}.modal>div>div{align-items:center;display:flex;flex-direction:row;gap:20px;width:100%}.modal>div>div>p{flex-shrink:5;text-align:left}@media (max-width:1260px){.wrapper{width:90%}.modal>div{width:60%}}@media (max-width:850px){.modal>div{width:70%}}@media (max-width:750px){.modal>div>div{flex-direction:column}.modal>div>div:last-of-type{flex-wrap:wrap}.top-x,.top-x p{margin-right:10px}.modal>div{height:-webkit-max-content;height:max-content;max-width:100%;padding:3vw!important;width:100%}.modal{align-items:normal;justify-content:normal;width:100%}}.dot{background-color:#000000b3;border:1px solid #ffffffe6;border-radius:50%;box-shadow:0 0 10px 3px #000000b3,0 0 5px 1px #000c;display:block;height:20px;position:absolute;transform:translateX(-50%) translateY(-50%);width:20px}.element{align-items:center;background:#fff;border:1px solid #aaa;border-radius:8px;color:#fff;display:flex;font-family:Roobert-Medium;justify-content:center;position:relative;transition:.1s ease-in-out}.element:hover{box-shadow:20px 20px 60px #202124,-20px -20px 60px #202124;transform:scale(1.35);z-index:1}.element .number{font-size:10px;left:5px;position:absolute;top:5px}.element .name{bottom:5px;font-size:9px;left:5px;position:absolute}
/*# sourceMappingURL=main.51f0943c.css.map*/