:root {
  --primary-theme: #006BFF;
  --grey-theme: #FFF145;
}

html {
	border: none;
	padding: none;
}

#panorama{
	width: 100%;
	height: 100vh;

}

#skibidi{
	width: 100%;
	height: 100vh;

}

body {
	background-color:var(--grey-theme)
}

header {
  width: 100vw;
  border-bottom: 2px solid var(--primary-theme);
  position: fixed;
  z-index: 10;
  top: 0px;
  background-color: var(--grey-theme);
}

#titre-ellips{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#titre-ellips img {
	height: 4vw;
	margin-right: 2vw;
	animation: rotate-alternate 3s infinite ease-in-out; /* Animation continue */
  }
  
  /* Animation keyframes */
  @keyframes rotate-alternate {
	0% {
	  transform: rotate(0deg); /* Position initiale */
	}
	50% {
	  transform: rotate(-8deg); /* Inclinaison à gauche */
	}
	100% {
	  transform: rotate(0deg); /* Inclinaison à droite */
	}
  }
  

h1 {
	font-family: "Krona One", sans-serif;
	color: var(--primary-theme);
	font-size: 3vw;
	padding-top: 1.5vw;
	padding-bottom: 1vw;
	padding-left: 2vw;
}

.salles {
	display: flex;
  flex-wrap: wrap;
	align-items: first baseline;
	border-top: 2px solid var(--primary-theme);
	margin-left: 0;
	margin-top: 1vh;
	padding-top: 2vh;
	padding-bottom: 1.2vw;
}

a {
	text-decoration: none;
}

i{
	font-family: "Krona One", sans-serif;
	color: var(--gradient-theme);
}

.section-selectionne{
	text-decoration: none;
	color: var(--gradient-theme);



}

h2 {
	padding-top: 2%;
	margin-bottom: 10px;
	padding-left: 2%;

}
h3 {
	padding-left: 2%;
}