ychafiqui's picture
test
1ecc339
raw
history blame
1.15 kB
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
path {
stroke: white;
fill:white;
transition: fill .4s ease;
cursor: pointer;
}
#car-map {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform-origin: 50% 35%;
}
#details-box {
padding: 0.5rem;
border-radius: 8px;
font-size: 18px;
position: fixed;
color: white;
font-family: "Source Sans Pro";
background-color: black;
width: fit-content;
transform: translateX(-50%);
transition: opacity .4s ease;
z-index: 1;
display: none;
}
#view-assist {
position: absolute;
height: 100%;
width: 100%;
}
#view-assist #front {
font-family: "Source Sans Pro";
position: absolute;
top: 20px;
right: 25px;
margin: 0;
}
#view-assist #back {
font-family: "Source Sans Pro";
position: absolute;
bottom: 20px;
right: 25px;
margin: 8px 0;
}
#view-assist > #arrow {
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50%;
object-fit: cover;
transform-origin: 50% 0%;
}