73 lines
2.0 KiB
SCSS
73 lines
2.0 KiB
SCSS
.inner {
|
|
&.Collaborate-inner {
|
|
padding: 0 50px 0 30px ;
|
|
@media #{$sm-layout} {
|
|
padding: 30px 0;
|
|
}
|
|
.description {
|
|
@media #{$md-layout} {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.rainbow-collobration-area{
|
|
.collabration-image-section{
|
|
position: relative;
|
|
z-index: 2;
|
|
.logo-section{
|
|
position: absolute;
|
|
top: 45%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
&:before {
|
|
z-index: 0;
|
|
content: "";
|
|
background: linear-gradient(133deg, #ADFA4B 1.34%, #9872EA 1.35%, #4D72F5 76.16%, #FA11FF 105.35%);
|
|
filter: blur(32.5px);
|
|
background-size: 400%;
|
|
position: absolute;
|
|
top: -2px;
|
|
left: -2px;
|
|
z-index: -2;
|
|
width: 102%;
|
|
height: 102%;
|
|
border-radius: 24px;
|
|
animation: styles_moving-gradient 16s linear infinite;
|
|
}
|
|
.center-logo{
|
|
padding: 27px 47px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: var(--color-bg-1);
|
|
border-radius: 20px;
|
|
position: relative;
|
|
z-index: 2;
|
|
width: 210px;
|
|
height: 210px;
|
|
@media #{$md-layout} {
|
|
width: 100px;
|
|
height: 100px;
|
|
border-radius: var(--radius);
|
|
padding: 10px 15px;
|
|
}
|
|
@media #{$sm-layout} {
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 6px;
|
|
padding: 10px 15px;
|
|
}
|
|
img{
|
|
max-width: 90%;
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|