You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
1.4 KiB
CSS
1 line
1.4 KiB
CSS
.slider.svelte-ojio3z.svelte-ojio3z{margin:0 auto;position:relative;width:100%;height:500px;display:grid;justify-content:center;z-index:3;overflow:hidden}.slider-image.svelte-ojio3z.svelte-ojio3z{max-height:500px;z-index:2}.slider-image.svelte-ojio3z img.svelte-ojio3z{width:100%;position:absolute;bottom:0;left:0;z-index:1}.slider-content.svelte-ojio3z.svelte-ojio3z{position:absolute;bottom:calc(1rem);right:calc(1rem - 12px);width:60%;height:auto;background:linear-gradient(120deg,rgba(178,34,34,.75) 0,#b22222 100%);display:grid;align-content:center;justify-content:center;padding:1rem 2rem;z-index:500}.slider-title.svelte-ojio3z.svelte-ojio3z{text-align:center;font-size:3rem;font-weight:900;text-transform:uppercase;font-family:'Open Sans',sans-serif;color:#efefef}.slider-text.svelte-ojio3z.svelte-ojio3z{font-size:1.3rem;margin-top:1rem;color:#fff}@media(max-width:768px){.slider.svelte-ojio3z.svelte-ojio3z{height:calc(100vw)}.slider-image.svelte-ojio3z img.svelte-ojio3z{object-position:top;height:calc(100vw - 2rem);object-fit:cover;top:0;bottom:auto}.slider-content.svelte-ojio3z.svelte-ojio3z{height:auto;right:.5rem;bottom:0;width:calc(100% - 1rem);padding:1rem}.slider-title.svelte-ojio3z.svelte-ojio3z{font-size:1.5rem}.slider-text.svelte-ojio3z.svelte-ojio3z{font-size:1rem}}section.svelte-hdlqv5{background:#fff;padding:1rem}@media(max-width:768px){section.svelte-hdlqv5{padding:.5rem}} |