/* Desktop stores: retained page structure and states. */
.main-page { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: hidden; }
.top-title { color: rgb(255, 255, 255); }
.main-page .dets { position: relative; height: 720px; }
.main-page .dets .links { display: block; }
.main-page .dets .gredd { display: grid; grid-auto-flow: dense; }
.main-page .dets .gredd .links { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-decoration: none; color: rgb(255, 255, 255); overflow: hidden; font-size: 20px; }
.main-page .dets .gredd .links p { opacity: 0; width: 100%; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 20px; text-align: center; background-color: rgba(32, 66, 116, 0.7); transform: perspective(20px) translateZ(2px); transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; }
.main-page .dets .gredd .links:hover p { opacity: 1; transform: perspective(20px) translateZ(0px); }