main{padding-bottom:32px;section:has(ul){position:relative;&:before{content:"";opacity:.2;inset:0;position:absolute;background-color:var(--color-fg)}img{border-radius:100%;position:absolute;right:10vw;top:0;z-index:2;transform:translateY(-80%);border:12px solid var(--color-primary)}}ul{gap:64px;text-align:center;justify-content:center;margin:0 auto;position:relative;li{display:contents;color:var(--color-bg);a{scale:1;transition:.2s;flex:1 1 100%;padding:32px;border-radius:8px;box-shadow:0 4px 8px #0003;overflow:hidden;position:relative;display:flex;align-items:center;flex-direction:column;background-color:var(--color-primary);gap:12px;color:inherit;border:1px solid var(--color-secundary);&:hover,&:focus-visible{scale:1.1}}.icon{font-size:64px;min-width:64px;max-width:64px;width:64px;text-shadow:0 0 4px rgba(0,0,0,.2)}h3{text-shadow:0 0 4px rgba(0,0,0,.2);+div{opacity:.8}}}}}@media (min-width: 800px){main section:first-child{padding-right:calc(10vw + 282px)}}@media (max-width: 1200px){main ul{gap:32px}}@media (max-width: 800px){main{section:has(ul) img{position:relative;transform:none;right:auto;margin:0 auto}ul{flex-direction:column}}}