.scuole .periodic-table{padding:3% 0}.scuole .periodic-table .content{position:relative;overflow:hidden;font-family:'Janda Safe and Sound';font-size:.8rem;font-weight:normal}.scuole .periodic-table .content .hashtag{text-transform:uppercase;position:absolute;width:100%;text-align:center;left:0;top:7%;color:#002c39;font-size:2rem;pointer-events:none}.scuole .periodic-table .content .line{overflow:hidden}.scuole .periodic-table .content .line .element,.scuole .periodic-table .content .line .empty-space{position:relative;overflow:hidden;display:inline-block;width:4.95%;padding-top:4.95%;float:left;margin:.3%}.scuole .periodic-table .content .line .element,.scuole .periodic-table .content .line .element .inner-content{-webkit-border-radius:5px;border-radius:5px}.scuole .periodic-table .content .line .element .inner-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;color:#666;border:1.5px solid;border-bottom-width:3px;border-right-width:3px}.scuole .periodic-table .content .line .element .inner-content.has-detail{border-color:#3d3d3d;background:#666;color:#fff}.scuole .periodic-table .content .line .element .inner-content.has-detail:active{border-width:1.5px;border-top-width:3px;border-left-width:3px}.scuole .periodic-table .content .line .element.metalli-alcalini .inner-content{color:#e74d3e}.scuole .periodic-table .content .line .element.metalli-alcalini .inner-content.has-detail{border-color:#8f2724;background:#e74d3e;color:#fff}.scuole .periodic-table .content .line .element.metalli-alcalino-terrosi .inner-content{color:#e47f25}.scuole .periodic-table .content .line .element.metalli-alcalino-terrosi .inner-content.has-detail{border-color:#8f3a00;background:#e47f25;color:#fff}.scuole .periodic-table .content .line .element.metalli-di-transizione .inner-content{color:#f0c419}.scuole .periodic-table .content .line .element.metalli-di-transizione .inner-content.has-detail{border-color:#a68100;background:#f0c419;color:#fff}.scuole .periodic-table .content .line .element.post-metalli-di-transizione .inner-content{color:#80b74f}.scuole .periodic-table .content .line .element.post-metalli-di-transizione .inner-content.has-detail{border-color:#3b8000;background:#80b74f;color:#fff}.scuole .periodic-table .content .line .element.semimetalli .inner-content{color:#18a086}.scuole .periodic-table .content .line .element.semimetalli .inner-content.has-detail{border-color:#006e59;background:#18a086;color:#fff}.scuole .periodic-table .content .line .element.altri-non-metalli .inner-content{color:#df1595}.scuole .periodic-table .content .line .element.altri-non-metalli .inner-content.has-detail{border-color:#870d5a;background:#df1595;color:#fff}.scuole .periodic-table .content .line .element.gas-nobili .inner-content{color:#926198}.scuole .periodic-table .content .line .element.gas-nobili .inner-content.has-detail{border-color:#5a3b5e;background:#926198;color:#fff}.scuole .periodic-table .content .line .element.lantanidi .inner-content{color:#04b855}.scuole .periodic-table .content .line .element.lantanidi .inner-content.has-detail{border-color:#02813b;background:#04b855;color:#fff}.scuole .periodic-table .content .line .element.attinidi .inner-content{color:#009ba3}.scuole .periodic-table .content .line .element.attinidi .inner-content.has-detail{border-color:#006f75;background:#009ba3;color:#fff}@media screen and (max-width:1170px){.scuole .periodic-table .content{font-size:.8rem}.scuole .periodic-table .content .hashtag{font-size:1.4rem}}@media screen and (max-width:900px){.scuole .periodic-table .content{font-size:.9rem}}@media screen and (max-width:750px){.scuole .periodic-table .content{font-size:.7rem;margin:0}.scuole .periodic-table .content .hashtag{font-size:1.1rem}}@media screen and (max-width:650px){.scuole .periodic-table .content{font-size:.7rem;-moz-transform:rotate(-.5deg);-webkit-transform:rotate(-.5deg);-o-transform:rotate(-.5deg);-ms-transform:rotate(-.5deg);transform:rotate(-.5deg)}.scuole .periodic-table .content .line .element,.scuole .periodic-table .content .line .element .inner-content{-webkit-border-radius:2px;border-radius:2px;border-width:1px;border-bottom-width:2px;border-right-width:2px}.scuole .periodic-table .content .hashtag{font-size:.8rem}}@media screen and (max-width:550px){.scuole .periodic-table .content{font-size:.4rem}}@media screen and (max-width:480px){.scuole .periodic-table{margin:46% 0}.scuole .periodic-table .content{-moz-transform:scale(1.5) rotate(90deg);-webkit-transform:scale(1.5) rotate(90deg);-o-transform:scale(1.5) rotate(90deg);-ms-transform:scale(1.5) rotate(90deg);transform:scale(1.5) rotate(90deg)}.scuole .main-master .periodic-table{display:none}}