/*
*/
@media (orientation: portrait){
#Dimmer{
img:not(#Bimg){
width: 5vh !important;
}
}
}
.Image:hover{
filter: brightness(65%);
}
.viewImage{
width: 90%;
height: auto;
z-index: 5;
}
.dim{
position: fixed;
background-color: rgba(0,0,60,0.5);
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
}
#Dimmer{
display: none;
z-index: 6;
img:not(#Bimg){
z-index: 6;
position: absolute;
width: 5vw;
border: 3px solid rgb(204,0,62);
border-radius: 50%;
&:hover{
filter: brightness(65%);
}
}
#ExitBtn{
top: 2vh;
right: 2vw;
}
#LeftBtn{
top: calc(50vh - 5vw);
left: 2vw;
}
#RightBtn{
top: calc(50vh - 5vw);
right: 2vw;
transform: rotate(180deg);
}
}
#Main{
margin-bottom: 10vh;
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
row-gap: 1.333vw;
img{
width: 25vw;
height: 25vw;
object-fit: cover;
border: 2px solid rgb(204,0,62);
border-radius: 1px;
}
}