/* Start - css/desktop-aniversario.css */
.desktop-aniversario {
position: relative;
width: 100%;
background-color: var(--karazan-cream);
padding-top: 0vw;
padding-bottom: 0vw;
overflow: visible;
height: 72vw;
float: left;
}
.desktop-aniversario-gif{
position: absolute;
width: 30vw;
height: 40vw;
z-index: 0;
background-color: black;
top: 5vw;
left: 13vw;
border-top-left-radius: 21vw;
border-top-right-radius: 21vw;
/*background-image:url("img/fireworks.gif");*/
background-image:url("img/fireworks.webp");
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.desktop-aniversario-fundo{
position: absolute;
width: 100%;
height: 100%;
background-image: url("img/desktop-escada.webp");
background-size: 102% auto;
background-position: left top;
z-index: 1;
top: 0;
left: 0;
}
.desktop-aniversario-wrap {
width: 14vw;
position: absolute;
top: 15vw;
right: 13vw;
z-index: 2;
}
.desktop-aniv-title {
width: 100%;
}
.desktop-aniv-centralizar{
margin: 0 auto;
width: 100%;
height: auto;
display: table;
}
.desktop-aniv-linha01{
float: left;
width: 100%;
font-family: var(--euphorigenic);
font-size: 1.8vw;
line-height: 2vw;
color: var(--karazan-blue);
font-weight: 500;
text-align: center;
}
.desktop-aniv-linha02{
float: left;
width: 100%;
font-family: var(--euphorigenic);
font-size: 2.9vw;
line-height: 3vw;
color: var(--karazan-blue);
font-weight: 500;
text-align: center;
}
.desktop-aniv-linha01 span {
font-weight: 400;
font-size: calc(8.2vw * 0.68);
color: var(--karazan-bordo);
}
.desktop-aniv-desc {
font-family: var(--linbiolinum);
font-size: var(--fontSizeTexto);
line-height: var(--lineHeightTexto);
margin-bottom: 1vw;
color: var(--karazan-blue);
margin-top: 1.2vw;
text-align: center;
}
.desktop-aniv-botao-box {
width: 100%;
background-color: var(--teste00);
text-align: center;
}
.desktop-aniv-botao {
transition-property: transform;
transition-duration: 0.2s;
transition-timing-function: ease;
background-color: var(--karazan-blue);
border-radius: 0.67vw;
height: 2.3vw;
width: 8vw;
position: relative;
display: inline-block;
cursor: pointer;
}
.desktop-aniv-botao img {
width: 100%;
height: 100%;
display: block;
}
.desktop-aniv-botao-texto {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--euphorigenic);
font-size: 1.4vw;
color: var(--karazan-cream);
background-color: transparent;
white-space: nowrap;
pointer-events: none;
}
.desktop-aniversario-base{
position: absolute;
width: 100%;
height: 32vw;
bottom: 0;
background-color: var(--teste00);
background-image:url("img/desktop-aniversario-base.svg");
background-repeat:no-repeat;
background-position:left bottom;
background-size:100% auto;
}
/* End - css/desktop-aniversario.css */