.mobile{display:block}.desktop{display:none}@media (min-width:1500px){.mobile{display:none}.desktop{display:block}}
.info-button-wrapper{--current-color:var(--color-grid-blue);background-color:var(--current-color);clip-path:polygon(0% 0%,0% 70%,10% 100%,100% 100%,100% 30%,90% 0%);transition:background-color .3s,filter .3s}.info-button-wrapper:hover{--current-color:var(--color-grid-pink)}.info-button-wrapper-meltdown{--current-color:var(--color-grid-meltdown);background-color:var(--current-color);clip-path:polygon(0% 0%,0% 70%,10% 100%,100% 100%,100% 30%,90% 0%);transition:background-color .3s,filter .3s}.info-button-wrapper-meltdown:hover{--current-color:var(--color-grid-pink)}.info-button{clip-path:inherit;background-color:var(--color-button-transparency);color:var(--current-color);padding:10px 25px;transition:color .3s;display:block}.info-button-wrapper-yellow{--current-color:var(--color-grid-blue);background-color:var(--current-color);clip-path:polygon(0% 0%,0% 70%,10% 100%,100% 100%,100% 30%,90% 0%);transition:background-color .3s,filter .3s}.info-button-wrapper-yellow:hover{--current-color:var(--color-grid-yellow)}.info-button-wrapper-yellow-meltdown{--current-color:var(--color-grid-meltdown);background-color:var(--current-color);clip-path:polygon(0% 0%,0% 70%,10% 100%,100% 100%,100% 30%,90% 0%);transition:background-color .3s,filter .3s}.info-button-wrapper-yellow-meltdown:hover{--current-color:var(--color-grid-yellow)}.info-button-yellow{clip-path:inherit;background-color:var(--color-button-transparency);color:var(--current-color);padding:10px 25px;transition:color .3s;display:block}.info-button-wrapper-red{--current-color:var(--color-grid-blue);background-color:var(--current-color);clip-path:polygon(0% 0%,0% 70%,10% 100%,100% 100%,100% 30%,90% 0%);transition:background-color .3s,filter .3s}.info-button-wrapper-red:hover{--current-color:var(--color-grid-meltdown)}.info-button-wrapper-red-meltdown{--current-color:var(--color-grid-meltdown);background-color:var(--current-color);clip-path:polygon(0% 0%,0% 70%,10% 100%,100% 100%,100% 30%,90% 0%);transition:background-color .3s,filter .3s}.info-button-wrapper-red-meltdown:hover{--current-color:var(--color-grid-blue)}.info-button-red{clip-path:inherit;background-color:var(--color-button-transparency);color:var(--current-color);padding:10px 25px;transition:color .3s;display:block}.background-layer{background-position:-29px -29px;background-size:58px 58px;transition:opacity 1s ease-in-out;position:absolute;inset:0}.grid-blue{background-image:linear-gradient(to right,var(--color-grid-blue)3px,transparent 3px),linear-gradient(to bottom,var(--color-grid-blue)3px,transparent 3px);filter:drop-shadow(0 0 10px var(--color-grid-blue))}.grid-red{background-image:linear-gradient(to right,var(--color-grid-meltdown)3px,transparent 3px),linear-gradient(to bottom,var(--color-grid-meltdown)3px,transparent 3px);filter:drop-shadow(0 0 10px var(--color-grid-meltdown))}.text-layer{transition:opacity .3s ease-in-out}
.grid-green{background-image:linear-gradient(to right,var(--color-background-green)3px,transparent 3px),linear-gradient(to bottom,var(--color-background-green)3px,transparent 3px);filter:drop-shadow(0 0 10px var(--color-background-green))}.header-wrapper{background-color:var(--color-grid-green);clip-path:polygon(0% 0%,0% 70%,10% 100%,100% 100%,100% 30%,90% 0%)}.header{clip-path:inherit;background-color:var(--color-button-transparency);color:var(--color-grid-green);padding:10px 25px;display:block}.header-text{font-size:clamp(1rem 8vw 6rem)}