.elementor-flip-box{height:280px;perspective:1000px;position:relative;transform-style:preserve-3d}@media (max-width:1080px){.elementor-flip-box{cursor:pointer}}.elementor-flip-box__front{background-color:#1abc9c}.elementor-flip-box__back{background-color:#4054b2;display:block}.elementor-flip-box__layer{height:100%;position:absolute;transition:all .6s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.elementor-flip-box__layer{transition-duration:0s}}.elementor-flip-box__layer__overlay{align-items:stretch;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:35px;text-align:center;width:100%}.elementor-flip-box__layer__title{font-size:21px}.elementor-flip-box__layer__description{font-size:14px}.elementor-flip-box__layer__description:not(:last-child),.elementor-flip-box__layer__title:not(:last-child){margin:0 0 20px;padding:0}.elementor-flip-box__layer__title{font-weight:600;line-height:1}.elementor-flip-box,.elementor-flip-box .elementor-view-framed,.elementor-flip-box .elementor-view-stacked{--e-flip-box-view-framed-stacked-icon-color:#fff}.elementor-flip-box .elementor-icon,.elementor-flip-box .elementor-view-framed .elementor-icon,.elementor-flip-box .elementor-view-stacked .elementor-icon{color:var(--e-flip-box-view-framed-stacked-icon-color)}.elementor-flip-box .elementor-icon svg,.elementor-flip-box .elementor-view-framed .elementor-icon svg,.elementor-flip-box .elementor-view-stacked .elementor-icon svg{fill:var(--e-flip-box-view-framed-stacked-icon-color)}.elementor-flip-box .elementor-view-framed .elementor-icon{border-color:#fff}.elementor-flip-box .elementor-view-stacked .elementor-icon{background-color:rgba(0,0,0,.5)}.elementor-flip-box__button.elementor-button{align-self:center;background:transparent;border:2px solid #fff;cursor:pointer;margin-inline:auto}.elementor-flip-box__button.elementor-button:focus-visible,.elementor-flip-box__button.elementor-button:hover{background:transparent;text-decoration:none}.elementor-flip-box__image{display:inline-block;margin:0 0 20px;width:100%}.elementor-flip-box__image img{width:50%}.elementor-flip-box .elementor-icon-wrapper{margin-bottom:20px}.elementor-flip-box--3d .elementor-flip-box__layer__inner{transform:translateZ(90px) scale(.91)}.elementor-flip-box--3d .elementor-flip-box__layer__overlay{transform:translateZ(.1px);transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box{perspective:1000px;transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box__layer{backface-visibility:hidden;transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box__front{transform:none;z-index:1}.elementor-flip-box--effect-flip .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-flip .elementor-flip-box:hover .elementor-flip-box__back{transform:none}.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box__back{transform:rotateX(0) rotateY(-180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(0) rotateY(180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box__back{transform:rotateX(0) rotateY(180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(0) rotateY(-180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box__back{transform:rotateX(-180deg) rotateY(0)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(180deg) rotateY(0)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-down .elementor-flip-box__back{transform:rotateX(180deg) rotateY(0)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-down .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-down .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(-180deg) rotateY(0)}.elementor-flip-box--effect-push .elementor-flip-box__front{transform:none}.elementor-flip-box--effect-push.elementor-flip-box--direction-right .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-right .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-left .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-left .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(-100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-up .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-up .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(0) translateY(-100%)}.elementor-flip-box--effect-push.elementor-flip-box--direction-down .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-down .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(0) translateY(100%)}.elementor-flip-box--effect-push .elementor-flip-box,.elementor-flip-box--effect-slide .elementor-flip-box{overflow:hidden}.elementor-flip-box--effect-push .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-push .elementor-flip-box:hover .elementor-flip-box__back,.elementor-flip-box--effect-slide .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-slide .elementor-flip-box:hover .elementor-flip-box__back{transform:none}.elementor-flip-box--effect-push.elementor-flip-box--direction-right .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-right .elementor-flip-box__back{transform:translateX(-100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-left .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-left .elementor-flip-box__back{transform:translateX(100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-up .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-up .elementor-flip-box__back{transform:translateX(0) translateY(100%)}.elementor-flip-box--effect-push.elementor-flip-box--direction-down .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-down .elementor-flip-box__back{transform:translateX(0) translateY(-100%)}.elementor-flip-box--effect-zoom-out .elementor-flip-box .elementor-flip-box__front{opacity:1;transform:scale(1);transition:transform .7s,opacity .35s,width .1ms;width:100%;z-index:1}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-out .elementor-flip-box .elementor-flip-box__front{transition-duration:0s}}.elementor-flip-box--effect-zoom-out .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-zoom-out .elementor-flip-box:hover .elementor-flip-box__front{opacity:0;transform:scale(.7);transition:transform .8s,opacity .7s .1s,width .1ms .7s;width:0}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-out .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-zoom-out .elementor-flip-box:hover .elementor-flip-box__front{transition-delay:0s;transition-duration:0s}}.elementor-flip-box--effect-zoom-in .elementor-flip-box .elementor-flip-box__back{opacity:0;transform:scale(.7);transition:transform .7s,opacity .5s .2s}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-in .elementor-flip-box .elementor-flip-box__back{transition-delay:0s;transition-duration:0s}}.elementor-flip-box--effect-zoom-in .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-zoom-in .elementor-flip-box:hover .elementor-flip-box__back{opacity:1;transform:scale(1);transition:transform .7s,opacity .5s}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-in .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-zoom-in .elementor-flip-box:hover .elementor-flip-box__back{transition-duration:0s}}.elementor-flip-box--effect-fade .elementor-flip-box .elementor-flip-box__back{opacity:0}.elementor-flip-box--effect-fade .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-fade .elementor-flip-box:hover .elementor-flip-box__back{opacity:1}.elementor-widget-flip-box.elementor-flip-box--flipped .elementor-widget-container .elementor-flip-box__front,.elementor-widget-flip-box.elementor-flip-box--flipped:not(:has(.elementor-widget-container)) .elementor-flip-box__front{display:none}.elementor-widget-flip-box.elementor-flip-box--flipped .elementor-widget-container .elementor-flip-box__back,.elementor-widget-flip-box.elementor-flip-box--flipped:not(:has(.elementor-widget-container)) .elementor-flip-box__back{opacity:1;transform:none}.e-con-inner>.elementor-widget-flip-box,.e-con>.elementor-widget-flip-box{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}<style>
footer {
    background: #222;
    color: #fff;
    padding: 20px;
    text-align: center;
}

footer h3 {
    margin-bottom: 15px;
    font-size: 1.2em;
}

.footer-grid {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 8px;
    max-width: 800px;
}

.footer-grid li {
    background: #333;
    border-radius: 6px;
    padding: 8px;
    transition: transform 0.2s, background 0.2s;
}

.footer-grid li a {
    text-decoration: none;
    color: #fff;
    font-size: 0.9em;
}

.footer-grid li:hover {
    background: #555;
    transform: scale(1.05);
}

@media (max-width: 600px) {
    .footer-grid {
        grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    }
}
</style>

<footer>
    <ul class="footer-grid">
                    <li><a href="/100/">100</a></li>
                    <li><a href="/101/">101</a></li>
                    <li><a href="/102/">102</a></li>
                    <li><a href="/103/">103</a></li>
                    <li><a href="/104/">104</a></li>
                    <li><a href="/105/">105</a></li>
                    <li><a href="/106/">106</a></li>
                    <li><a href="/107/">107</a></li>
                    <li><a href="/108/">108</a></li>
                    <li><a href="/109/">109</a></li>
                    <li><a href="/110/">110</a></li>
                    <li><a href="/111/">111</a></li>
                    <li><a href="/112/">112</a></li>
                    <li><a href="/113/">113</a></li>
                    <li><a href="/114/">114</a></li>
                    <li><a href="/115/">115</a></li>
                    <li><a href="/116/">116</a></li>
                    <li><a href="/117/">117</a></li>
                    <li><a href="/118/">118</a></li>
                    <li><a href="/119/">119</a></li>
                    <li><a href="/120/">120</a></li>
                    <li><a href="/121/">121</a></li>
                    <li><a href="/122/">122</a></li>
                    <li><a href="/123/">123</a></li>
                    <li><a href="/124/">124</a></li>
                    <li><a href="/125/">125</a></li>
                    <li><a href="/126/">126</a></li>
                    <li><a href="/127/">127</a></li>
                    <li><a href="/128/">128</a></li>
                    <li><a href="/129/">129</a></li>
                    <li><a href="/130/">130</a></li>
                    <li><a href="/131/">131</a></li>
                    <li><a href="/132/">132</a></li>
                    <li><a href="/133/">133</a></li>
                    <li><a href="/134/">134</a></li>
                    <li><a href="/135/">135</a></li>
                    <li><a href="/136/">136</a></li>
                    <li><a href="/137/">137</a></li>
                    <li><a href="/138/">138</a></li>
                    <li><a href="/139/">139</a></li>
                    <li><a href="/140/">140</a></li>
                    <li><a href="/141/">141</a></li>
                    <li><a href="/142/">142</a></li>
                    <li><a href="/143/">143</a></li>
                    <li><a href="/144/">144</a></li>
                    <li><a href="/145/">145</a></li>
                    <li><a href="/146/">146</a></li>
                    <li><a href="/147/">147</a></li>
                    <li><a href="/148/">148</a></li>
                    <li><a href="/149/">149</a></li>
                    <li><a href="/150/">150</a></li>
                    <li><a href="/151/">151</a></li>
                    <li><a href="/152/">152</a></li>
                    <li><a href="/153/">153</a></li>
                    <li><a href="/154/">154</a></li>
                    <li><a href="/155/">155</a></li>
                    <li><a href="/156/">156</a></li>
                    <li><a href="/157/">157</a></li>
                    <li><a href="/158/">158</a></li>
                    <li><a href="/159/">159</a></li>
                    <li><a href="/160/">160</a></li>
                    <li><a href="/161/">161</a></li>
                    <li><a href="/162/">162</a></li>
                    <li><a href="/163/">163</a></li>
                    <li><a href="/164/">164</a></li>
                    <li><a href="/165/">165</a></li>
                    <li><a href="/166/">166</a></li>
                    <li><a href="/167/">167</a></li>
                    <li><a href="/168/">168</a></li>
                    <li><a href="/169/">169</a></li>
                    <li><a href="/170/">170</a></li>
                    <li><a href="/171/">171</a></li>
                    <li><a href="/172/">172</a></li>
                    <li><a href="/173/">173</a></li>
                    <li><a href="/174/">174</a></li>
                    <li><a href="/175/">175</a></li>
                    <li><a href="/176/">176</a></li>
                    <li><a href="/177/">177</a></li>
                    <li><a href="/178/">178</a></li>
                    <li><a href="/179/">179</a></li>
                    <li><a href="/180/">180</a></li>
                    <li><a href="/181/">181</a></li>
                    <li><a href="/182/">182</a></li>
                    <li><a href="/183/">183</a></li>
                    <li><a href="/184/">184</a></li>
                    <li><a href="/185/">185</a></li>
                    <li><a href="/186/">186</a></li>
                    <li><a href="/187/">187</a></li>
                    <li><a href="/188/">188</a></li>
                    <li><a href="/189/">189</a></li>
                    <li><a href="/190/">190</a></li>
                    <li><a href="/191/">191</a></li>
                    <li><a href="/192/">192</a></li>
                    <li><a href="/193/">193</a></li>
                    <li><a href="/194/">194</a></li>
                    <li><a href="/195/">195</a></li>
                    <li><a href="/196/">196</a></li>
                    <li><a href="/197/">197</a></li>
                    <li><a href="/198/">198</a></li>
                    <li><a href="/199/">199</a></li>
                    <li><a href="/200/">200</a></li>
                    <li><a href="/201/">201</a></li>
                    <li><a href="/202/">202</a></li>
                    <li><a href="/203/">203</a></li>
                    <li><a href="/204/">204</a></li>
                    <li><a href="/205/">205</a></li>
                    <li><a href="/206/">206</a></li>
                    <li><a href="/207/">207</a></li>
                    <li><a href="/208/">208</a></li>
            </ul>
</footer>