49 lines
790 B
CSS
49 lines
790 B
CSS
.demoTile {
|
|
opacity: 0.7;
|
|
transition: opacity 0.3s;
|
|
max-width: 15vw;
|
|
display: inline;
|
|
}
|
|
|
|
.demoTile:hover {
|
|
opacity: 1.0;
|
|
}
|
|
|
|
.demoTiles {
|
|
position: absolute;
|
|
background-color:white;
|
|
left:27.5%;
|
|
top: var(--title-height);
|
|
margin-top:40px;
|
|
}
|
|
|
|
.page.portfolio {
|
|
padding-top: 0;
|
|
width: 75%;
|
|
right: 0;
|
|
margin:0;
|
|
padding:0;
|
|
padding-top: 5vh;
|
|
transform: translate(-37%,0);
|
|
}
|
|
|
|
.wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
/*background-color: var(--background);*/
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
.wrapper img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
transition: transform 0.1s ease-in;
|
|
}
|
|
|
|
.wrapper img:hover {
|
|
transform: scale(1.16);
|
|
}
|