@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/cursor.svg),auto;
scroll-behavior:smooth;}

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

.body{width:100vw;height:100vh;margin:0vw;
background-image:url(images/postersPageBgr.svg);
background-size:cover;
background-position:center;
overflow:hidden;}

.bodyTwo{width:100vw;height:100vh;margin:0vw;
overflow-X:hidden;
overflow-Y:scroll;
z-index:999999;}


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


.b:hover{background:#691a1b;color:yellow;font-size:1.1vw;
}

.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;}



.aside{position:absolute;
width:100vw;height:100vh;
overflow-X:hidden;overflow-Y:scroll;
margin-left:-100vw;z-index:9999999999999999999;
}


.close{width:3vw;height:3vw;
border-radius:100%;
margin-left:90vw;margin-top:10vh;
color:#ab0f2e;
text-align:center;font-size:1.5vw;
font-family:loaded;
line-height:3vw;
transition:0.1s ease;
background:white;
}





.aside::-webkit-scrollbar{width:0vw;visibility:hidden;}

.aside::-webkit-scrollbar-thumb{width:0vw;visibility:hidden;}






.aside1{
background:cyan;
}

.aside1 .paragraph{
color:white;
text-shadow: 1px 2px 3px blue, 4px 5px 6px black, 7px 8px 9px black;
}

.aside1 .heading{
color:pink;
}


.aside2{background:orange;}

.aside2 .paragraph{
color:#fedc65;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside2 .heading{
color:cyan;
}


.aside3{background:green;}

.aside3 .paragraph{
color:coral;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside3 .heading{
color:lime;
}


.aside4{background:lime;}

.aside4 .paragraph{
color:white;
text-shadow: 1px 2px 3px lime, 4px 5px 6px black, 7px 8px 9px black;
}

.aside4 .heading{
color:#80ff80;
}


.aside5{background:coral;}

.aside5 .paragraph{
color:cyan;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside5 .heading{
color:orange;
}






.aside6{background:magenta;}

.aside6 .paragraph{
color:lightgreen;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside6 .heading{
color:magenta;
}




.aside7{background:purple;}

.aside7 .paragraph{
color:pink;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside7 .heading{
color:white;
}




.aside8{background:yellow;}

.aside8 .paragraph{
color:brown;
text-shadow: 1px 2px 3px yellow, 4px 5px 6px yellow, 7px 8px 9px yellow;
}

.aside8 .heading{
color:cyan;
}



.aside9{background:#60a1a1;}

.aside9 .paragraph{
color:#b5dbff;
text-shadow: 1px 2px 3px black, 4px 5px 6px grey, 7px 8px 9px grey;
}

.aside9 .heading{
color:#8acfff;
}



.aside10{background:coral;}

.aside10 .paragraph{
color:white;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside10 .heading{
color:#8acfff;
}



.aside11{background:lightblue;}

.aside11 .paragraph{
color:white;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside11 .heading{
color:#8acfff;
}



.aside12{background:purple;}

.aside12 .paragraph{
color:orange;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}

.aside12 .heading{
color:#8acfff;
}









.posters2bgr2{
margin-left:30vw;margin-top:70vh;
width:10vw;height:10vw;
background:red;
opacity:0.3;
border-radius:100%;}

.posters2bgr3{
margin-left:30vw;margin-top:100vh;
width:60vw;height:60vw;
background:red;
opacity:0.3;
border-radius:100%;
}

.posters2bgr4{
margin-left:5vw;margin-top:110vh;
width:20vw;height:20vw;
background:red;
opacity:0.3;
border-radius:100%;}






.triangle{width:70vw;height:90vh;
border-radius:5vw;
margin-left:15vw;
margin-top:-30vh;
background:transparent;
opacity:0.3;
}


.close1:hover{
background:#ab0f2e;
color:white;
transition:0.1s ease;
box-shadow:5px 10px 15px 20px white;
}


.close2:hover{
background:cyan;
color:white;
transition:0.1s ease;
box-shadow:5px 10px 15px 20px white;
}


.close3:hover{
background:orange;
color:white;
transition:0.1s ease;
box-shadow:5px 10px 15px 20px white;
}


.close4:hover{
background:purple;
color:white;
transition:0.1s ease;
box-shadow:5px 10px 15px 20px white;
}


.close5:hover{
background:coral;
color:white;
transition:0.1s ease;
box-shadow:5px 10px 15px 20px white;
}



.close6:hover{
background:lime;
color:white;
transition:0.1s ease;
box-shadow:5px 10px 15px 20px white;
}




.whitebgr1{width:20vw;height:20vw;
margin-left:25vw;margin-top:10vh;
background-image:url(images/eyes.svg);
background-size:100% 100%;
animation: aside 6s infinite linear;
-webkit-animation: aside 6s infinite linear;
-ms-animation: aside 6s infinite linear;
-moz-animation: aside 6s infinite linear;
}

.whitebgr2{width:20vw;height:20vw;
margin-left:55vw;margin-top:10vh;
background-image:url(images/eyes.svg);
background-size:100% 100%;
animation: aside1 6s infinite linear;
-webkit-animation: aside1 6s infinite linear;
-ms-animation: aside1 6s infinite linear;
-moz-animation: aside1 6s infinite linear;
}


.whitebgr3{width:20vw;height:20vw;
border-radius:100%;
margin-left:25vw;margin-top:10vh;
background-image:url(images/eyes.svg);
background-size:100% 100%;
animation: aside 6s infinite linear;
-webkit-animation: aside 6s infinite linear;
-ms-animation: aside 6s infinite linear;
-moz-animation: aside 6s infinite linear;
}




.whitebgr4{width:20vw;height:20vw;
border-radius:100%;
margin-left:55vw;margin-top:10vh;
background-image:url(images/eyes.svg);
background-size:100% 100%;
animation: aside1 6s infinite linear;
-webkit-animation: aside1 6s infinite linear;
-ms-animation: aside1 6s infinite linear;
-moz-animation: aside1 6s infinite linear;
}






@keyframes aside{
0%{background-image:url(images/eyes1.svg);}
10%{background-image:url(images/eyes.svg);}
20%{background-image:url(images/eyes.svg);}
30%{background-image:url(images/eyes1.svg);}
40%{background-image:url(images/eyes.svg);}
50%{background-image:url(images/eyes.svg);}
60%{background-image:url(images/eyes1.svg);}
70%{background-image:url(images/eyes.svg);}
80%{background-image:url(images/eyes.svg);}
90%{background-image:url(images/eyes1.svg);}
100%{background-image:url(images/eyes.svg);}
}





-webkit-@keyframes aside{
0%{background-image:url(images/eyes1.svg);}
10%{background-image:url(images/eyes.svg);}
20%{background-image:url(images/eyes.svg);}
30%{background-image:url(images/eyes1.svg);}
40%{background-image:url(images/eyes.svg);}
50%{background-image:url(images/eyes.svg);}
60%{background-image:url(images/eyes1.svg);}
70%{background-image:url(images/eyes.svg);}
80%{background-image:url(images/eyes.svg);}
90%{background-image:url(images/eyes1.svg);}
100%{background-image:url(images/eyes.svg);}
}






-ms-@keyframes aside{
0%{background-image:url(images/eyes1.svg);}
10%{background-image:url(images/eyes.svg);}
20%{background-image:url(images/eyes.svg);}
30%{background-image:url(images/eyes1.svg);}
40%{background-image:url(images/eyes.svg);}
50%{background-image:url(images/eyes.svg);}
60%{background-image:url(images/eyes1.svg);}
70%{background-image:url(images/eyes.svg);}
80%{background-image:url(images/eyes.svg);}
90%{background-image:url(images/eyes1.svg);}
100%{background-image:url(images/eyes.svg);}
}






-moz-@keyframes aside{
0%{background-image:url(images/eyes1.svg);}
10%{background-image:url(images/eyes.svg);}
20%{background-image:url(images/eyes.svg);}
30%{background-image:url(images/eyes1.svg);}
40%{background-image:url(images/eyes.svg);}
50%{background-image:url(images/eyes.svg);}
60%{background-image:url(images/eyes1.svg);}
70%{background-image:url(images/eyes.svg);}
80%{background-image:url(images/eyes.svg);}
90%{background-image:url(images/eyes1.svg);}
100%{background-image:url(images/eyes.svg);}
}








@keyframes aside1{
0%{background-image:url(images/eyes3.svg);}
10%{background-image:url(images/eyes2.svg);}
20%{background-image:url(images/eyes2.svg);}
30%{background-image:url(images/eyes3.svg);}
40%{background-image:url(images/eyes2.svg);}
50%{background-image:url(images/eyes2.svg);}
60%{background-image:url(images/eyes3.svg);}
70%{background-image:url(images/eyes2.svg);}
80%{background-image:url(images/eyes2.svg);}
90%{background-image:url(images/eyes3.svg);}
100%{background-image:url(images/eyes2.svg);}
}





-webkit-@keyframes aside1{
0%{background-image:url(images/eyes3.svg);}
10%{background-image:url(images/eyes2.svg);}
20%{background-image:url(images/eyes2.svg);}
30%{background-image:url(images/eyes3.svg);}
40%{background-image:url(images/eyes2.svg);}
50%{background-image:url(images/eyes2.svg);}
60%{background-image:url(images/eyes3.svg);}
70%{background-image:url(images/eyes2.svg);}
80%{background-image:url(images/eyes2.svg);}
90%{background-image:url(images/eyes3.svg);}
100%{background-image:url(images/eyes2.svg);}
}






-ms-@keyframes aside1{
0%{background-image:url(images/eyes3.svg);}
10%{background-image:url(images/eyes2.svg);}
20%{background-image:url(images/eyes2.svg);}
30%{background-image:url(images/eyes3.svg);}
40%{background-image:url(images/eyes2.svg);}
50%{background-image:url(images/eyes2.svg);}
60%{background-image:url(images/eyes3.svg);}
70%{background-image:url(images/eyes2.svg);}
80%{background-image:url(images/eyes2.svg);}
90%{background-image:url(images/eyes3.svg);}
100%{background-image:url(images/eyes2.svg);}
}






-moz-@keyframes aside1{
0%{background-image:url(images/eyes3.svg);}
10%{background-image:url(images/eyes2.svg);}
20%{background-image:url(images/eyes2.svg);}
30%{background-image:url(images/eyes3.svg);}
40%{background-image:url(images/eyes2.svg);}
50%{background-image:url(images/eyes2.svg);}
60%{background-image:url(images/eyes3.svg);}
70%{background-image:url(images/eyes2.svg);}
80%{background-image:url(images/eyes2.svg);}
90%{background-image:url(images/eyes3.svg);}
100%{background-image:url(images/eyes2.svg);}
}
















.pinkbgr1{width:20vw;height:20vw;
border-radius:100%;
margin-left:5vw;margin-top:100vh;
background:red;
opacity:0.3;
}


.pinkbgr2{width:30vw;height:30vw;
border-radius:100%;
margin-left:35vw;margin-top:70vh;
background:red;
opacity:0.3;
}


.pinkbgr3{width:25vw;height:25vw;
border-radius:100%;
margin-left:24vw;margin-top:135vh;
background:red;
opacity:0.3;
}


.img1{width:14vw;height:14vw;
margin-left:28vw;margin-top:15.3vh;
background-image:url(images/posters1-img1.webp);
background-size:100% 100%;
}


.img2{width:14vw;height:14vw;
margin-left:58vw;margin-top:15.3vh;
background-image:url(images/posters1-img2.webp);
background-size:100% 100%;
}



.img3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters1-img3.webp);
background-size:100% 100%;
}






.img2-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters2img.webp);
background-size:100% 100%;
}


.img3-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters3img.webp);
background-size:100% 100%;
}


.img4-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters4img.webp);
background-size:100% 100%;
}


.img5-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters5img.webp);
background-size:contain;
background-repeat:no-repeat;
}


.img6-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters6img.webp);
background-size:contain;
background-repeat:no-repeat;
}


.img7-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters7img.svg);
background-size:cover;
}


.img8-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters8img.svg);
background-size:cover;
}


.img9-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters9img.svg);
background-size:cover;
}


.img10-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters10img.svg);
background-size:cover;
}

.img11-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters11img.svg);
background-size:cover;
}


.img12-3{width:30vw;height:30vw;
margin-left:68vw;margin-top:80vh;
background-image:url(images/posters12img.svg);
background-size:cover;
}








.heading{
position:relative;width:50vw;
height:auto;
text-align:left;
margin-left:15vw;
margin-top:15vh;
color:white;
font-size:1.5vw;
font-family:Aldrich-Regular;
text-shadow: 1px 2px 3px black, 4px 5px 6px black, 7px 8px 9px black;
}


.heading1{
margin-top:70vh;
}


.paragraph{
position:relative;width:50vw;
height:auto;
text-align:justify;
margin-left:15vw;
margin-top:5vh;
color:white;
font-size:1vw;
line-height:2.3vh;
font-family:Aldrich-Regular;
}




.paragraph2{
color: white;
text-shadow:-1px 1px red;
}














.container{
width:100vw;height:40vh;
margin-left:0vw;
margin-bottom:0vh;
background:transparent;
}



.posters{
position:absolute;
width:50vw;height:100vh;
margin-left:23vw;
margin-top:0vh;
}


.poster{
position:relative;
float:left;
margin-left:7.5vw;
margin-top:20vh;
display:inline !important;
width:15vw;height:15vw;
transition:1s ease;z-index:99;
background-size:100% 100%;
animation: dance 15s infinite ease;
-webkit-animation: dance 15s infinite ease;
-ms-animation: dance 15s infinite ease;
-moz-animation: dance 15s infinite ease;
}






.poster:hover{transform:scale(1.06);transition:1s ease;z-index:999;cursor:zoom-in;
animation-play-state:paused;}


@keyframes dance{
0%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
10%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
20%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
30%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
40%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
50%{transform:rotateY(360deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
60%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
70%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
80%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
90%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
100%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
}





-webkit-@keyframes dance{
0%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
10%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
20%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
30%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
40%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
50%{transform:rotateY(360deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
60%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
70%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
80%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
90%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
100%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
}





-ms-@keyframes dance{
0%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
10%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
20%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
30%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
40%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
50%{transform:rotateY(360deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
60%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
70%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
80%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
90%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
100%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
}





-moz-@keyframes dance{
0%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
10%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
20%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
30%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
40%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
50%{transform:rotateY(360deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
60%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
70%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);}
80%{transform:rotateY(-25deg)rotateZ(15deg)scale(1);}
90%{transform:rotateY(25deg)rotateZ(-15deg)scale(1);mix-blend-mode:normal;}
100%{transform:rotateY(-360deg)rotateZ(15deg)scale(1);mix-blend-mode:normal;}
}







.gif{
position:relative;
float:left;
margin-left:5vw;margin-top:12vh;
width:20vw;height:20vw;
background-size:100% 100%;
border:1vw solid white;
border-radius:100%;
box-shadow:0px 10px 50px 0px black;
z-index:100;
}



.gif1{
background-image:url(images/gif1.webp);
animation: co 3s infinite linear;
-webkit-animation: co 3s infinite linear;
-ms-animation: co 3s infinite linear;
-moz-animation: co 3s infinite linear;
}



@keyframes co{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}

-ms-@keyframes co{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}


-webkit-@keyframes co{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}


-moz-@keyframes co{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}


.gif2{
background-image:url(images/gif2.webp);
animation: co2 3s infinite linear;
-webkit-animation: co2 3s infinite linear;
-ms-animation: co2 3s infinite linear;
-moz-animation: co2 3s infinite linear;
}



@keyframes co2{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid orange;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid purple;}
45%{border:1vw solid white;}
50%{border:1vw solid lime;}
55%{border:1vw solid white;}
60%{border:1vw solid blue;}
65%{border:1vw solid white;}
70%{border:1vw solid red;}
75%{border:1vw solid white;}
80%{border:1vw solid yellow;}
85%{border:1vw solid white;}
90%{border:1vw solid lightgreen;}
100%{border:1vw solid white;}

}

-ms-@keyframes co2{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid orange;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid purple;}
45%{border:1vw solid white;}
50%{border:1vw solid lime;}
55%{border:1vw solid white;}
60%{border:1vw solid blue;}
65%{border:1vw solid white;}
70%{border:1vw solid red;}
75%{border:1vw solid white;}
80%{border:1vw solid yellow;}
85%{border:1vw solid white;}
90%{border:1vw solid lightgreen;}
100%{border:1vw solid white;}

}


-webkit-@keyframes co2{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid orange;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid purple;}
45%{border:1vw solid white;}
50%{border:1vw solid lime;}
55%{border:1vw solid white;}
60%{border:1vw solid blue;}
65%{border:1vw solid white;}
70%{border:1vw solid red;}
75%{border:1vw solid white;}
80%{border:1vw solid yellow;}
85%{border:1vw solid white;}
90%{border:1vw solid lightgreen;}
100%{border:1vw solid white;}

}


-moz-@keyframes co2{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid orange;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid purple;}
45%{border:1vw solid white;}
50%{border:1vw solid lime;}
55%{border:1vw solid white;}
60%{border:1vw solid blue;}
65%{border:1vw solid white;}
70%{border:1vw solid red;}
75%{border:1vw solid white;}
80%{border:1vw solid yellow;}
85%{border:1vw solid white;}
90%{border:1vw solid lightgreen;}
100%{border:1vw solid white;}

}


.gif3{
background-image:url(images/gif3.webp);
animation: co3 3s infinite linear;
-webkit-animation: co3 3s infinite linear;
-ms-animation: co3 3s infinite linear;
-moz-animation: co3 3s infinite linear;
}



@keyframes co3{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}

-ms-@keyframes co3{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}


-webkit-@keyframes co3{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}


-moz-@keyframes co3{
10%{border:1vw solid yellow;}
15%{border:1vw solid white;}
20%{border:1vw solid deeppink;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid orange;}
45%{border:1vw solid white;}
50%{border:1vw solid red;}
55%{border:1vw solid white;}
60%{border:1vw solid lime;}
65%{border:1vw solid white;}
70%{border:1vw solid magenta;}
75%{border:1vw solid white;}
80%{border:1vw solid cyan;}
85%{border:1vw solid white;}
90%{border:1vw solid olive;}
100%{border:1vw solid white;}

}





.gif4{
background-image:url(images/gif4.webp);
mix-blend-mode:normal;
animation: co4 3s infinite linear;
-webkit-animation: co4 3s infinite linear;
-ms-animation: co4 3s infinite linear;
-moz-animation: co4 3s infinite linear;
}



@keyframes co4{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid purple;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid lime;}
45%{border:1vw solid white;}
50%{border:1vw solid orange;}
55%{border:1vw solid white;}
60%{border:1vw solid red;}
65%{border:1vw solid white;}
70%{border:1vw solid cyan;}
75%{border:1vw solid white;}
80%{border:1vw solid gold;}
85%{border:1vw solid white;}
90%{border:1vw solid green;}
100%{border:1vw solid white;}

}

-ms-@keyframes co4{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid purple;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid lime;}
45%{border:1vw solid white;}
50%{border:1vw solid orange;}
55%{border:1vw solid white;}
60%{border:1vw solid red;}
65%{border:1vw solid white;}
70%{border:1vw solid cyan;}
75%{border:1vw solid white;}
80%{border:1vw solid gold;}
85%{border:1vw solid white;}
90%{border:1vw solid green;}
100%{border:1vw solid white;}

}


-webkit-@keyframes co4{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid purple;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid lime;}
45%{border:1vw solid white;}
50%{border:1vw solid orange;}
55%{border:1vw solid white;}
60%{border:1vw solid red;}
65%{border:1vw solid white;}
70%{border:1vw solid cyan;}
75%{border:1vw solid white;}
80%{border:1vw solid gold;}
85%{border:1vw solid white;}
90%{border:1vw solid green;}
100%{border:1vw solid white;}

}


-moz-@keyframes co4{
10%{border:1vw solid deeppink;}
15%{border:1vw solid white;}
20%{border:1vw solid purple;}
25%{border:1vw solid white;}
30%{border:1vw solid turquoise;}
35%{border:1vw solid white;}
40%{border:1vw solid lime;}
45%{border:1vw solid white;}
50%{border:1vw solid orange;}
55%{border:1vw solid white;}
60%{border:1vw solid red;}
65%{border:1vw solid white;}
70%{border:1vw solid cyan;}
75%{border:1vw solid white;}
80%{border:1vw solid gold;}
85%{border:1vw solid white;}
90%{border:1vw solid green;}
100%{border:1vw solid white;}

}



.right{position:absolute;width:50vw;height:40vh;margin-left:50vw;
background:rgba(0,0,0,0);
}


.left{position:absolute;width:50vw;height:40vh;margin-left:0vw;
background:rgba(0,0,0,0);
}





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

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


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



.right1{margin-top:90vh;}



.left1{margin-top:148vh;}



.right2{margin-top:275vh;}




.left2{margin-top:332.5vh;}




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




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

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

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





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





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

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

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

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

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

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


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

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


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

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

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

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


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

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




::-webkit-scrollbar{background:yellow;width:1vw;}

::-webkit-scrollbar-thumb{background:#9a0041;}