usage-counts/src/app/home/home.component.css

46 lines
948 B
CSS

.first {
background-image: url("/assets/usage-statistics-assets/home/1.svg");
background-size: auto;
background-repeat: no-repeat;
background-position: center top;
height: 336px;
}
.second {
background-image: url("/assets/usage-statistics-assets/home/2.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
min-height: 60vh;
}
.second input, .second input:focus {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: 0 3px 6px #00000029;
border-radius: 4px;
padding: 15px;
border: none;
outline: none;
}
a.search, a.search:hover {
color: #333333;
font-weight: 700;
}
.second .card {
background: #FFFFFF 0 0 no-repeat padding-box;
box-shadow: 0 3px 6px #00000029;
border-radius: 4px;
padding: 50px;
text-align: center;
position: relative;
}
.second .card > img {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}