body, html{
	scroll-snap-type: y mandatory;
}

body{
 	-webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

::-webkit-scrollbar {
     width: 0;
    height: 0;
}


#green{display:none}
#slide2 {
    overflow-x: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}

.loop {
    scrollbar-width: none; 
} 

.loop::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.loop{
    display:flex;
    overflow-x:scroll;
    overflow-y:hidden;
    width:100vw;
    height:100vh;
}

.slide{
    flex-shrink:0;
}


#slide1{
	font-size: 3vw;
}

#slide1 img{
	width: 90vw;
}

#slide2{
	background-color: blueviolet;
	text-align: center;
	font-size: 10vw;
	scrollbar-width: none; 
}

.color{color: darkgray !important;}



#slide4{
	background-color: white;
	font-size: 2.5vw;
	line-height: 1.3;
	columns: 2;
	padding: 15px;
	column-gap: 3vw;
	overflow-y: hidden;
	overflow-x: auto;
}

#slide3{
	background-color: yellow;
	text-align: center;
	font-size: 10vw;
}

#slide3 img {
    height: calc(100vh - 30px);
}

#slide2 {
   padding:0 !important;
}


*{
	box-sizing: border-box;
}

.slide{
	width: 100%;
	height: 100vh;
	padding: 15px;
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
	scroll-snap-align: start;
}

#green{position: fixed;
z-index: 1000;
top: 15px;
left: 15px;
width: calc(100vw - 30px);
height: calc(100vh - 30px);
}

.nav{
	display: block;
	font-size: 2.1vw;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	padding: 15px;
	z-index: 100;
	line-height: 1.2;
}

#infos{
	position: fixed;
	width: 100%;
	top: 50;
	right: 0;
}

#title{
	position: fixed;
	width: auto;
	top: 0;
	left: 0;
}

#index-btn{
	position: fixed;
	width: auto;
	top: 0;
	right: 0;
}

#caption{
	position: fixed;
	width: auto;
	bottom: 0;
	left: 0;
}

.caption{
}

.text{
/* 	width: auto;
	height: 100vh; */
	
}