/* sections/barai.css */
.barai {
scroll-margin-top: var(--header-total);
}
.barai__intro {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
isolation: isolate;
min-height: var(--feature-h);
}
.barai__intro-media,
.barai__intro-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 42% center;
}
@media (max-aspect-ratio: 7/10) {
.barai__intro-media img {
object-position: center;
}
}
@media (min-aspect-ratio: 7/10) and (max-aspect-ratio: 13/10) {
.barai__intro-media img {
object-position: 48% center;
}
}
.barai__intro-scrim {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.28) 45%,
rgba(0, 0, 0, 0.12) 100%
),
rgba(0, 0, 0, 0.12);
}
.barai__intro-inner {
position: relative;
z-index: 2;
padding-block: clamp(var(--sp-7), 6vw, var(--sp-9));
}
.barai__statement {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-statement);
line-height: 1.08;
letter-spacing: var(--ls-display);
color: var(--c-white);
text-wrap: balance;
text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
}
.barai__line {
display: block;
}
.barai__line--alt {
color: var(--c-green-light);
}
.barai__lead {
max-width: 34ch;
margin: clamp(var(--sp-4), 2vw, var(--sp-6)) 0 0;
font-family: var(--font-body);
font-size: var(--fs-statement-lead);
font-weight: var(--fw-regular);
line-height: var(--lh-snug);
color: rgba(255, 255, 255, 0.92);
text-wrap: pretty;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}
@media (prefers-reduced-motion: no-preference) {
.barai__eyebrow {
opacity: 0;
transform: translateY(12px);
transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out);
}
.barai__intro-inner.is-visible .barai__eyebrow {
opacity: 1;
transform: translateY(0);
}
.barai__line {
opacity: 0;
transform: translateY(18px);
transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out);
}
.barai__intro-inner.is-visible .barai__line {
opacity: 1;
transform: translateY(0);
}
.barai__intro-inner.is-visible .barai__line:nth-child(2) {
transition-delay: 160ms;
}
.barai__lead {
opacity: 0;
transform: translateY(14px);
transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out);
transition-delay: 320ms;
}
.barai__intro-inner.is-visible .barai__lead {
opacity: 1;
transform: translateY(0);
}
}
.carousel {
padding-block: clamp(var(--sp-6), 4vw, var(--sp-8));
background: var(--c-bg);
}
.carousel__viewport {
display: flex;
overflow-x: auto;
overscroll-behavior-x: none;
-webkit-overflow-scrolling: touch;
padding-inline: var(--gutter);
padding-block: var(--sp-2);
scrollbar-width: none;
cursor: grab;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--gutter);
touch-action: pan-x pan-y;
}
.carousel__viewport::-webkit-scrollbar {
display: none;
}
.carousel__viewport.is-dragging {
cursor: grabbing;
scroll-snap-type: none;
scroll-behavior: auto;
user-select: none;
}
.carousel__track {
display: flex;
gap: clamp(var(--sp-4), 1.6vw, var(--sp-6));
margin: 0;
padding: 0;
list-style: none;
}
.carousel__card {
position: relative;
flex: 0 0 auto;
width: clamp(280px, 27vw, 400px);
scroll-snap-align: start;
aspect-ratio: 4 / 5;
overflow: hidden;
border-radius: var(--radius-lg);
background: var(--c-brown-soft);
isolation: isolate;
}
.carousel__card img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 700ms var(--ease-out);
}
@media (hover: hover) {
.carousel__card:hover img {
transform: scale(1.04);
}
}
.carousel__card::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.82) 0%,
rgba(0, 0, 0, 0.45) 38%,
rgba(0, 0, 0, 0) 68%
);
}
.carousel__body {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--sp-2);
height: 100%;
justify-content: flex-end;
padding: clamp(var(--sp-5), 2vw, var(--sp-6));
}
.carousel__area {
font-family: var(--font-body);
font-size: clamp(0.9375rem, 1.28vw, 1.1875rem);
font-weight: var(--fw-semibold);
letter-spacing: var(--ls-eyebrow);
text-transform: uppercase;
color: rgba(255, 255, 255, 0.78);
}
.carousel__name {
display: flex;
flex-direction: column;
gap: 0.1em;
margin: 0;
font-family: var(--font-display);
font-weight: var(--fw-semibold);
line-height: 1.12;
color: var(--c-white);
}
.carousel__brand {
font-size: clamp(1.75rem, 2.7vw, 2.5rem);
white-space: nowrap;
}
.carousel__place {
font-size: clamp(1.5rem, 2.3vw, 2.125rem);
font-weight: var(--fw-semibold);
color: rgba(255, 255, 255, 0.92);
text-wrap: balance;
}
.carousel__hours {
display: flex;
align-items: center;
gap: var(--sp-2);
margin: var(--sp-1) 0 0;
font-family: var(--font-body);
font-size: clamp(0.875rem, 1.1475vw, 1.0625rem);
font-weight: var(--fw-medium);
line-height: 1.2;
color: rgba(255, 255, 255, 0.86);
white-space: nowrap;
}
.carousel__hours svg {
width: 17px;
height: 17px;
flex-shrink: 0;
opacity: 0.85;
}
.carousel__go {
display: inline-flex;
align-items: center;
gap: var(--sp-2);
min-height: 56px;
margin-top: var(--sp-3);
padding: var(--sp-3) var(--sp-5);
font-family: var(--font-body);
font-size: clamp(0.9375rem, 1.28vw, 1.1875rem);
font-weight: var(--fw-semibold);
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
color: var(--c-white);
border: 1.5px solid rgba(255, 255, 255, 0.7);
border-radius: var(--radius-pill);
background: rgba(0, 0, 0, 0.28);
transition: background-color var(--t-base) var(--ease),
border-color var(--t-base) var(--ease), color var(--t-base) var(--ease),
transform var(--t-fast) var(--ease);
}
.carousel__go svg {
width: 20px;
height: 20px;
flex-shrink: 0;
}
@media (hover: hover) {
.carousel__go:hover {
background: var(--c-white);
border-color: var(--c-white);
color: var(--c-brand-strong);
}
}
.carousel__go:active,
.carousel__go.is-pressed {
background: var(--c-white);
border-color: var(--c-white);
color: var(--c-brand-strong);
transform: scale(0.97);
}
.carousel__go:focus-visible {
outline-color: var(--c-white);
}
.carousel__card {
transition: transform var(--t-base) var(--ease),
box-shadow var(--t-base) var(--ease);
}
@media (hover: hover) {
.carousel__card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-lg);
}
}
.carousel__controls {
display: flex;
justify-content: center;
gap: var(--sp-3);
margin-top: clamp(var(--sp-4), 2vw, var(--sp-6));
}
.carousel__btn {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1.5px solid var(--c-border);
border-radius: var(--radius-pill);
color: var(--c-brand-strong);
background: var(--c-white);
transition: background-color var(--t-base) var(--ease),
border-color var(--t-base) var(--ease), color var(--t-base) var(--ease);
}
.carousel__btn {
transition: background-color var(--t-base) var(--ease),
border-color var(--t-base) var(--ease), color var(--t-base) var(--ease),
transform var(--t-fast) var(--ease);
}
.carousel__btn svg {
width: 22px;
height: 22px;
}
@media (hover: hover) {
.carousel__btn:hover {
background: var(--c-brand);
border-color: var(--c-brand);
color: var(--c-white);
}
}
.carousel__btn:active,
.carousel__btn.is-pressed {
background: var(--c-brand);
border-color: var(--c-brand);
color: var(--c-white);
transform: scale(0.92);
}
@media (prefers-reduced-motion: no-preference) {
.carousel__card {
opacity: 0;
transform: translateY(20px);
}
.carousel.is-visible .carousel__card {
opacity: 1;
transform: translateY(0);
transition: opacity 500ms var(--ease-out), transform 500ms var(--ease-out);
transition-delay: calc(var(--card-index, 0) * 90ms);
}
.carousel.is-settled .carousel__card {
transition: transform var(--t-base) var(--ease),
box-shadow var(--t-base) var(--ease);
transition-delay: 0s;
}
}

/* sections/apie.css */
.apie {
padding-block: 0;
scroll-margin-top: var(--header-total);
}
.apie__media-wrap {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
isolation: isolate;
min-height: var(--feature-h);
}
.apie__media,
.apie__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 58% center;
}
.apie__scrim {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
to right,
rgba(0, 0, 0, 0.78) 0%,
rgba(0, 0, 0, 0.34) 44%,
rgba(0, 0, 0, 0.04) 85%,
rgba(0, 0, 0, 0) 100%
),
linear-gradient(
to top,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.26) 55%,
rgba(0, 0, 0, 0.02) 90%,
rgba(0, 0, 0, 0) 100%
),
rgba(0, 0, 0, 0.12);
}
.apie__inner {
position: relative;
z-index: 2;
padding-block: clamp(var(--sp-6), 4.4vw, var(--sp-8));
}
.apie__heading {
max-width: 20ch;
margin: 0;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-statement);
line-height: 1.08;
letter-spacing: var(--ls-display);
color: var(--c-white);
text-wrap: balance;
text-shadow: 0 2px 22px rgba(0, 0, 0, 0.45);
}
.apie__accent {
color: var(--c-green-light);
}
.apie__brand {
white-space: nowrap;
}
.apie__text {
max-width: 46ch;
margin: clamp(var(--sp-4), 2.2vw, var(--sp-6)) 0 0;
font-family: var(--font-body);
font-size: var(--fs-statement-lead);
line-height: var(--lh-body);
color: rgba(255, 255, 255, 0.94);
text-wrap: pretty;
text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
}
@media (prefers-reduced-motion: no-preference) {
.apie__eyebrow,
.apie__heading,
.apie__text {
opacity: 0;
transform: translateY(16px);
transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out);
}
.apie__media-wrap.is-visible .apie__eyebrow,
.apie__media-wrap.is-visible .apie__heading,
.apie__media-wrap.is-visible .apie__text {
opacity: 1;
transform: translateY(0);
}
.apie__media-wrap.is-visible .apie__text {
transition-delay: 180ms;
}
}
@media (max-aspect-ratio: 7/10) {
.apie__media img {
object-position: 62% 42%;
}
.apie__scrim {
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.7) 0%,
rgba(0, 0, 0, 0.6) 55%,
rgba(0, 0, 0, 0.44) 72%,
rgba(0, 0, 0, 0.05) 93%,
rgba(0, 0, 0, 0) 100%
),
rgba(0, 0, 0, 0.14);
}
}

/* sections/apie-story.css */
.story > * + * {
margin-top: var(--section-y);
}
.story {
padding-top: var(--section-y);
padding-bottom: calc(var(--section-y) * 1.35);
}
.story__group {
position: relative;
isolation: isolate;
overflow: hidden;
}
.story__group > * + * {
margin-top: var(--section-y);
}
.story__group::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-position: left -10vw top 4%, right -10vw top 54%;
background-size: clamp(260px, 32vw, 580px) auto,
clamp(240px, 29vw, 520px) auto;
background-repeat: no-repeat, no-repeat;
opacity: 0;
transition: opacity 1400ms var(--ease-out);
}
.story__group.is-visible::before {
background-image: url("../img/palm-leaf-tl.svg?v=50c1b4d5"),
url("../img/palm-leaf-tr.svg?v=96f8ff17");
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.story__group::before {
transition: none;
}
}
.story__row {
position: relative;
}
.story__group--palm .story__row::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-repeat: no-repeat, no-repeat;
background-size: clamp(240px, 34vw, 560px) auto,
clamp(220px, 30vw, 480px) auto;
background-image: url("../img/palm-leaf-bl.svg?v=44c9fb83"),
url("../img/palm-leaf-br.svg?v=a193e4e5");
background-position: bottom left -9vw, bottom right -9vw;
opacity: 0;
transition: opacity 1400ms var(--ease-out);
}
.story__group--palm .story__row.is-visible::before {
opacity: 1;
}
@media (min-width: 1024px) {
.story__group--palm .story__row::before {
background-image: url("../img/palm-leaf-tr.svg?v=96f8ff17"),
url("../img/palm-leaf-br.svg?v=a193e4e5");
background-position: top right -5vw, bottom right -5vw;
}
.story__group--palm .story__row--flip::before {
background-image: url("../img/palm-leaf-tl.svg?v=50c1b4d5"),
url("../img/palm-leaf-bl.svg?v=44c9fb83");
background-position: top left -5vw, bottom left -5vw;
}
}
@media (prefers-reduced-motion: reduce) {
.story__group--palm .story__row::before {
transition: none;
}
}
.story__row {
display: grid;
gap: clamp(var(--sp-5), 5vw, var(--sp-7));
}
.story__media {
position: relative;
overflow: hidden;
aspect-ratio: 3 / 2;
background: var(--c-brown-soft);
isolation: isolate;
}
.story__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 700ms var(--ease-out);
}
@media (hover: hover) {
.story__media:hover img {
transform: scale(1.04);
}
}
@media (hover: none) {
.story__media:active img {
transform: scale(1.04);
}
}
.story__text {
padding-inline: 0;
text-align: center;
}
.story__row {
padding-inline: max(var(--gutter), env(safe-area-inset-left))
max(var(--gutter), env(safe-area-inset-right));
}
.story__media {
width: 100%;
max-width: 520px;
margin-inline: auto;
border-radius: var(--radius-lg);
}
.story__heading {
margin: 0;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-statement);
line-height: 1.08;
letter-spacing: var(--ls-display);
color: var(--c-green);
text-wrap: balance;
}
.story__body {
max-width: 46ch;
margin: clamp(var(--sp-4), 2.2vw, var(--sp-6)) auto 0;
font-family: var(--font-body);
font-size: var(--fs-statement-lead);
line-height: var(--lh-body);
color: var(--c-brown);
text-wrap: pretty;
}
@media (min-width: 768px) {
.story__row {
grid-template-columns: 1fr 1fr;
align-items: center;
gap: clamp(var(--sp-6), 4vw, var(--sp-8));
width: 100%;
max-width: var(--container);
margin-inline: auto;
}
.story__media {
border-radius: var(--radius-lg);
}
.story__text {
padding-inline: 0;
text-align: left;
}
.story__media {
max-width: none;
}
.story__body {
margin-inline: 0;
}
.story__row--flip .story__media {
order: 2;
}
}
@media (min-width: 768px) and (orientation: landscape) and (max-height: 500px) {
.story__text {
text-align: center;
}
.story__body {
margin-inline: auto;
}
}
.story__band {
position: relative;
display: grid;
place-items: center;
min-height: var(--feature-h);
padding: var(--sp-7) max(var(--gutter), env(safe-area-inset-right))
var(--sp-7) max(var(--gutter), env(safe-area-inset-left));
background-repeat: no-repeat;
background-position: center;
background-size: cover;
isolation: isolate;
}
.story__band--geropoilsio.is-near {
background-image: url("../img/apie/geropoilsio.jpg?v=2457e921");
background-image: image-set(
url("../img/apie/geropoilsio.avif?v=58d4e6c8") type("image/avif"),
url("../img/apie/geropoilsio.webp?v=a91cf4d4") type("image/webp"),
url("../img/apie/geropoilsio.jpg?v=2457e921") type("image/jpeg")
);
}
.story__band--havana.is-near {
background-image: url("../img/apie/havana-wide.jpg?v=d281c8fe");
background-image: image-set(
url("../img/apie/havana-wide.avif?v=3c2dd594") type("image/avif"),
url("../img/apie/havana-wide.webp?v=810fc5cd") type("image/webp"),
url("../img/apie/havana-wide.jpg?v=d281c8fe") type("image/jpeg")
);
}
@media (max-width: 767px) {
.story__band--geropoilsio.is-near {
background-image: url("../img/apie/geropoilsio-900.jpg?v=2dade106");
background-image: image-set(
url("../img/apie/geropoilsio-900.avif?v=f68cc1ca") type("image/avif"),
url("../img/apie/geropoilsio-900.webp?v=8fe41752") type("image/webp"),
url("../img/apie/geropoilsio-900.jpg?v=2dade106") type("image/jpeg")
);
}
.story__band--havana.is-near {
background-image: url("../img/apie/havana-wide-900.jpg?v=9bded2c2");
background-image: image-set(
url("../img/apie/havana-wide-900.avif?v=e0464b34") type("image/avif"),
url("../img/apie/havana-wide-900.webp?v=0fdda52e") type("image/webp"),
url("../img/apie/havana-wide-900.jpg?v=9bded2c2") type("image/jpeg")
);
}
}
.story__band::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.46);
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
.story__band {
background-attachment: fixed;
}
}
.story__band-mark {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(var(--sp-4), 3vw, var(--sp-6));
width: 100%;
max-width: min(920px, 100%);
}
.story__rule {
height: 1px;
flex: 1 1 0;
max-width: 190px;
min-width: 34px;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75)
);
}
.story__rule--right {
background: linear-gradient(
to left,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.75)
);
}
@media (max-width: 560px) {
.story__band-mark {
gap: var(--sp-3);
}
.story__rule {
max-width: 84px;
}
.story__band-text {
flex: 1 1 auto;
max-width: 22ch;
}
}
.story__band-text {
margin: 0;
text-transform: uppercase;
flex: 0 1 auto;
max-width: 34ch;
font-family: var(--font-body);
font-size: var(--fs-statement-lead);
font-weight: var(--fw-medium);
line-height: 1.5;
letter-spacing: var(--ls-eyebrow);
color: var(--c-white);
text-align: center;
text-wrap: balance;
text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
}
@media (prefers-reduced-motion: no-preference) {
.story__media,
.story__text,
.story__band-text {
opacity: 0;
transition: opacity 800ms var(--ease-out), transform 800ms var(--ease-out);
}
.story__media {
transform: translate3d(-32px, 0, 0);
}
.story__text {
transform: translate3d(32px, 0, 0);
}
.story__row--flip .story__media {
transform: translate3d(32px, 0, 0);
}
.story__row--flip .story__text {
transform: translate3d(-32px, 0, 0);
}
.story__band-text {
transform: translateY(28px);
}
.story__text {
transition-delay: 140ms;
}
.story__row.is-visible .story__media,
.story__row.is-visible .story__text,
.story__band.is-visible .story__band-text {
opacity: 1;
transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
.story__media {
transform: translate3d(-40px, 0, 0);
}
.story__text {
transform: translate3d(40px, 0, 0);
}
.story__row--flip .story__media {
transform: translate3d(40px, 0, 0);
}
.story__row--flip .story__text {
transform: translate3d(-40px, 0, 0);
}
}
}

/* sections/kontaktai.css */
.kontaktai {
background: var(--c-green);
color: var(--c-white);
scroll-margin-top: var(--header-total);
}
.kontaktai__inner {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-block: clamp(2.5rem, 1.5rem + 4vw, 5rem);
}
.kontaktai__block {
width: 100%;
}
.kontaktai__rule {
width: 100%;
max-width: 720px;
height: 0;
margin-block: clamp(var(--sp-5), 3vw, var(--sp-6));
border: 0;
border-top: 1px solid rgba(255, 255, 255, 0.32);
}
.kontaktai__head {
margin-bottom: clamp(var(--sp-4), 2vw, var(--sp-6));
}
.kontaktai__eyebrow {
text-shadow: none;
}
.kontaktai__heading {
margin: 0;
font-family: var(--font-display);
font-weight: var(--fw-bold);
font-size: var(--fs-statement);
line-height: 1.08;
letter-spacing: var(--ls-display);
color: var(--c-white);
text-wrap: balance;
}
.kontaktai__label {
margin-bottom: clamp(var(--sp-3), 1.6vw, var(--sp-4));
text-shadow: none;
}
.kontaktai__details {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: clamp(var(--sp-3), 1.5vw, var(--sp-5)) clamp(var(--sp-5), 4vw, var(--sp-8));
margin: 0;
padding: 0;
list-style: none;
}
.kontaktai__link {
display: inline-block;
padding-block: var(--sp-2);
color: var(--c-white);
font-size: var(--fs-body);
text-decoration: none;
}
.kontaktai__link::after {
content: "";
display: block;
height: 1px;
margin-top: 2px;
background: currentColor;
transform: scaleX(0);
transform-origin: left;
transition: transform var(--t-base) var(--ease);
}
@media (hover: hover) {
.kontaktai__link:hover {
color: var(--c-brown);
}
.kontaktai__link:hover::after {
transform: scaleX(1);
}
}
.kontaktai__link:focus-visible::after {
transform: scaleX(1);
}
.kontaktai__link:active,
.kontaktai__link.is-pressed {
color: var(--c-brown);
}
.kontaktai__link:active::after,
.kontaktai__link.is-pressed::after {
transform: scaleX(1);
}
.kontaktai__link:focus-visible,
.kontaktai__logo:focus-visible {
outline-color: var(--c-white);
}
.kontaktai__logo {
display: inline-block;
}
.kontaktai__logo img {
width: clamp(120px, 15vw, 190px);
height: auto;
}
.kontaktai__bar {
background: var(--c-green-deep);
box-shadow: 0 50vh 0 50vh var(--c-green-deep);
}
.kontaktai__bar-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--sp-2) var(--sp-5);
padding-block: var(--sp-3) calc(var(--sp-3) + env(safe-area-inset-bottom, 0px));
}
.kontaktai__fine {
margin: 0;
font-size: var(--fs-small);
color: rgba(255, 255, 255, 0.92);
}
@media (max-width: 639px) {
.kontaktai__bar-inner {
flex-direction: column;
justify-content: center;
text-align: center;
}
}