graph/src/app/home/home.component.css

88 lines
1.9 KiB
CSS

@media only screen and (min-width: 960px) {
.how-first {
background-image: url("/assets/graph-assets/backgrounds/blue_circle.svg"), url("/assets/graph-assets/backgrounds/pink_dots.svg");
background-size: auto;
background-repeat: no-repeat;
background-position: 55% 0, 65% 25%;
}
.how-second {
background-image: url("/assets/graph-assets/backgrounds/pink_circle.svg"), url("/assets/graph-assets/backgrounds/blue_dots.svg");
background-size: auto;
background-repeat: no-repeat;
background-position: 40% 0, bottom right;
}
.why {
background-image: url("/assets/graph-assets/home/4.svg");
background-size: 25%;
background-repeat: no-repeat;
background-position: 55% 100%;
}
.service-slide {
height: 350px !important;
}
}
.service-slide {
height: 600px;
}
.services {
background: transparent linear-gradient(180deg, #E1E8F2 0%, #F5F5F5 62%, #FAFAFA 100%) 0 0 no-repeat;
/*background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%) !important;*/
}
.services-list a {
opacity: 0.3;
}
.services-list a.uk-active, .services-list a:hover {
opacity: 1;
}
.uk-card {
border-radius: 36px;
color: #1a1a1a;
}
.uk-animation-fade {
animation-duration: 1.5s;
}
.fade-out {
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 1s, opacity 1s;
}
.fade-in {
visibility: visible;
opacity: 1;
transition: visibility 0s linear 0s, opacity 1s;
}
.uk-list.target > li:nth-child(n+2) {
margin-top: 10px;
}
.case {
background-color: white;
height: 250px;
position: relative;
}
.case img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 150px;
}
.explore-search {
background-color: #F9DBD1;
--portal-main-color: var(--explore-color);
--portal-dark-color: var(--explore-dark-color);
}