body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#29303f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-component{display:flex;flex-direction:column;align-items:center;padding:10px}.ListWrapper_wrapper__lWtIh{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;margin:0 auto;background-color:#29303f;color:#dcd9d8;width:400px;padding:10px 20px;border:none}@media (max-width:410px){.ListWrapper_wrapper__lWtIh{width:100%}}.List_wrapper__s1GLi{display:flex;margin:20px 0}@-webkit-keyframes List_box__1ccyO{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}75%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes List_box__1ccyO{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}75%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.List_box__1ccyO{display:flex;flex-direction:column;overflow:hidden;border-radius:8px;padding:10px;height:100px;width:100px;position:relative;-webkit-animation-name:List_box__1ccyO;animation-name:List_box__1ccyO;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.List_box__1ccyO:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.4),hsla(0,0%,100%,.15))}p{margin:2px;font-size:13px;color:#fff}.List_symbol__2O1Wr{font-size:16px}.List_name__2wFhf{font-size:18px;font-weight:500}.List_title__2qlFb{display:flex;justify-content:center;align-items:center;margin:10px 0 0 50px;font-size:26px;font-weight:500}@media (max-width:410px){.List_wrapper__s1GLi{margin:20px auto}.List_box__1ccyO{margin-left:20px}.List_title__2qlFb{margin:10px 0 0 20px;font-size:20px}}#unknown{background:#000}#alkali-metal{background:#fe621d}#alkaline-earth-metal{background:#ffd402}#noble{background:#511a93}#poor-metal{background:#1ceab0}#transition-metal{background:#b70000}#other-non-metal{background:#93fc00}#lanthanoid{background:#cc4360}#actinoid{background:#5c4d75}.SearchBox_wrapper__1It7Y{display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;background-color:#29303f;margin:0 0 20px;border:none;padding:25px 10px;box-sizing:border-box}h1{text-transform:uppercase;font-size:34px;margin-top:0}h1,input{color:#dcd9d8}input{padding:10px 8px;text-align:left;outline:none;background-color:#29303f;border:none;border-bottom:2px solid #dcd9d8;font-weight:600;font-size:16px;border-radius:8px;width:250px}::-webkit-input-placeholder{color:#dcd9d8;font-weight:600}:-ms-input-placeholder{color:#dcd9d8;font-weight:600}::-moz-placeholder{color:#dcd9d8;font-weight:600}::-ms-input-placeholder{color:#dcd9d8;font-weight:600}::placeholder{color:#dcd9d8;font-weight:600}@media (max-width:410px){.SearchBox_wrapper__1It7Y{width:100%}h1{font-size:26px}input{font-size:14px;width:200px}}
/*# sourceMappingURL=main.19bed6b5.chunk.css.map */