@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}

-ms-@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}

-moz-@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}






@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}

-ms-@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}

-moz-@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}




*{position:absolute;cursor:url(images/cursor1.svg),auto;
scroll-behavior:smooth;}

body{width:100vw;height:100vh;margin:0vw;
overflow:hidden;}




.body{width:100vw;height:100vh;margin:0vw;
overflow-Y:scroll;overflow-X:hidden;
scroll-behavior:smooth;
background-image:url(images/cardsPageBgr.svg);
background-size:cover;}






.b{width:10vw;height:5vh;
background:red;
margin-top:0vh;
box-shadow:0px 20px 50px 10px black;
text-align:center;line-height:5vh;font-family:loaded;font-size:1vw;
color:white;z-index:999999999;}


.b:hover{background:green;color:red;font-size:1.1vw;
box-shadow:0px 0px 50px 0px white;}

.b1{margin-left:22.5vw;}

.b2{margin-left:33.5vw;}

.b3{margin-left:44.5vw;}

.b4{margin-left:55.5vw;}

.b5{margin-left:66.5vw;}




.c{
width:50vw;
height:auto;
margin-left:30vw;
margin-top:10vh;
}


.card{
position:relative;
float:left;
display:inline !important;
margin-left:3vw;
margin-top:8vh;
width:15vw;height:15vw;
background-size:100% 100%;
transition:0.5s linear;}


.card:hover{transform:scale(1.3);transition:0.5s linear;
cursor:zoom-in;}




.card1{
background-image:url(images/card1.svg);
}

.card2{
background-image:url(images/card2.svg);
}


.card3{
background-image:url(images/card3.svg);
}

.card4{
background-image:url(images/card4.svg);
}

.card5{
background-image:url(images/card5.svg);
}

.card6{
background-image:url(images/card6.svg);
}


.card7{
background-image:url(images/card7.svg);
}

.card8{
background-image:url(images/card8.svg);
}

.card9{
background-image:url(images/card9.svg);
}

.card10{
background-image:url(images/card10.svg);
}


.card11{
background-image:url(images/card11.svg);
}

.card12{
background-image:url(images/card12.svg);
}

.card13{
background-image:url(images/card13.svg);
}

.card14{
background-image:url(images/card14.svg);
}

.card15{
background-image:url(images/card15.svg);
}

.card16{
background-image:url(images/card16.svg);
}

.card17{
background-image:url(images/card17.svg);
}

.card18{
background-image:url(images/card18.svg);
}



.card19{
background-image:url(images/card19.svg);
}

.card20{
background-image:url(images/card20.svg);
}



.card21{
background-image:url(images/card21.svg);
}

.card22{
background-image:url(images/card22.svg);
}


.card23{
background-image:url(images/card23.svg);
}

.card24{
background-image:url(images/card24.svg);
}


.card25{
background-image:url(images/card25.svg);
}

.card26{
background-image:url(images/card26.svg);
}


.card27{
background-image:url(images/card27.svg);
}

.card28{
background-image:url(images/card28.svg);
}



.card29{
background-image:url(images/card29.svg);
}

.card30{
background-image:url(images/card30.svg);
}


.card31{
background-image:url(images/card31.svg);
}

.card32{
background-image:url(images/card32.svg);
}















.bgr{width:40vw;height:60vh;
margin-left:30vw;
margin-top:20vh;
background:#00520cff;
visibility:hidden;
box-shadow:0px 50px 100px 0px black;
transition:0.5s linear;
}


.bgrImg{width:30vw;height:50vh;
margin-left:35vw;
margin-top:25vh;
background-size:contain;background-repeat:no-repeat;background-position:center;
visibility:hidden;
transition:0.5s linear;
}

.bgrImg:hover{
transform:scale(1.5);
transition:0.5s linear;
}



.close{width:3vw;height:3vw;background:brown;color:white;
text-align:center;line-height:3vw;font-size:1.5vw;font-family:Aldrich-Regular;
margin-left:67vw;
margin-top:20vh;
visibility:hidden;}


.close:hover{color:#ab0f2e;background:orange;transition:0.1s linear;}






::-webkit-scrollbar{background:red;);width:1vw;}

::-webkit-scrollbar-thumb{background:#00b31cff;}