.periodic-rotate{display:none;text-align:center}.intro-text{margin-right:5%}.periodic-table{margin:13px 0 13px 13px;width:98%;border-bottom:3px solid #fff;border-right:3px solid #fff}.periodic-table-key{margin:30px 0 13px 13px;width:98%}.periodic-table td.element{color:#fff;transition:all .2s ease-in-out;cursor:pointer;font-size:12px;width:12.5%;position:relative}.periodic-table-key td.key-content{width:37.5%;color:rgba(6,220,249,.85)}.periodic-table-key td.key-tech{width:37.5%;color:#28a0f9}.periodic-table-key td.key-ux{width:25%;color:hsla(0,0%,100%,.7)}.key-item{text-align:center;font-weight:600;font-family:Montserrat;font-size:smaller}.periodic-table td.element.content .element-container,.popup-square.content{background-color:#06dcf9}.periodic-table td.element.tech .element-container,.popup-square.tech{background-color:#28a0f9}.periodic-table td.element.ux .element-container,.popup-square.ux{background-color:#a036f7}.periodic-table td.element:hover{transform:scale(1.2);z-index:1}.periodic-table td.element:after{content:"";display:block;padding-bottom:100%}.periodic-table td.element .element-container{position:absolute;width:100%;height:100%;padding:15px 2px;border:3px solid #fff}.periodic-table td.element span{display:block}.element-number,.popup-number{text-align:left;padding-left:15px;line-height:1}.element-symbol,.popup-symbol{font-size:24px;text-align:center;font-weight:700}.element-label,.popup-label{text-align:center;line-height:1.2}.element-popup,.element-popup.start{border:1px solid #fff;font-size:smaller;position:absolute;margin:0 15px 15px;top:0;left:0;right:0;bottom:0;display:none}.element-popup.popup-active{display:block}.element-popup.start.popup-active{border:1px solid hsla(0,0%,100%,.5);display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.popup-square{width:25%;border:3px solid #fff;padding:10px 5px;margin:5px 0 5px 1%;position:absolute;bottom:0;top:0}.popup-number{font-size:small}.popup-symbol{line-height:1.2}.popup-label{font-size:smaller}.popup-description{font-size:smaller;padding:15px 4% 15px 29%}.popup-description-label{font-size:larger;font-weight:700}@media (max-width:1024px){.periodic-table td.element .element-container{padding:10px 5px}.element-label{word-wrap:break-word}.popup-square{padding:5px}.popup-number{padding-left:5px}}@media (max-width:915px){.periodic-table h3{font-size:1.75vmax}.intro-text{font-size:smaller}.periodic-table td.element .element-container{padding:3px}.element-number{padding-left:2px}.element-symbol,.popup-symbol{font-size:18px}.element-label{font-size:9px}.popup-square{width:15%}.popup-description{padding:5px 4% 5px 19%;font-size:x-small;line-height:1.25}.popup-label{display:none}.key-item{font-size:small}}@media (max-width:665px){.periodic-table,.periodic-table-key{display:none}.periodic-rotate{display:block}}