/* Import de fonts */
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700;900&display=swap');

html {
	scroll-behavior: smooth;
}

html, body {
	overflow-x: hidden;
}
body {
	position: relative;
}

/* Scrollbar */
::-webkit-scrollbar-track
{
  background-color: #ffffff;
  border-radius: 10px;
}

::-webkit-scrollbar
{
  width: 1.5vh;
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb
{
  background-image: -webkit-gradient(linear,
                     left bottom,
                     left top,
                     color-stop(0.44, #E33DA9),
                     color-stop(0.72, #742CF2),
                     color-stop(0.86, #742CF2));
}

.scroller {
	width: 300px;
	height: 100px;
	overflow-y: scroll;
	scrollbar-color: rebeccapurple green;
	scrollbar-width: thin;
  }


/* Liens */
a, a:focus, a:active {
	text-decoration: none;
	color: #ffffff;
}

a:hover{
	text-decoration: none;
	color: #dce3e9;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #161120;
}

.hover-img:hover .overlay {
  opacity: 0.5;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}




.form-control::-webkit-input-placeholder { 
	font-family: "Roboto";
	font-weight: 700;
  }
  
.form-control:-moz-placeholder { 
	font-family: "Roboto";
	font-weight: 700;
}

#backgorund{
	background-image: url(../../images/bg-index.png);
	background-repeat:no-repeat;
	background-size: cover;
	height: 70vh;
	animation: fade 2s;
}

.rig-font{
	font-family: "Righteous";
}

.rob-font{
	font-family: "Roboto";
}

.rob-font-bold{
	font-family: "Roboto";
	font-weight: 700;
}

.text-purple{
	color: #742CF2;
}

.text-pink{
	color: #E33DA9;
}

.text-black{
	color: #161120;
}

.text-white{
	color: #ffffff;
}

.bg-purple{
	background-color: #742CF2;
}

.bg-pink{
	background-color: #E33DA9;
}

.bg-black{
	background-color: #161120;
}

.bg-white{
	background-color: #ffffff;
}

.radius{
	border-radius: 2vh;
}

.radius-top{
	border-top-left-radius: 2vh;
	border-top-right-radius: 2vh;
}

.nav-text{
	vertical-align: text-bottom;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 15pt;
}

.my-shadow{
	box-shadow: 1px 1px 25px rgba(25, 25, 29, 0.3);
}

.carousel-item {
  background-position: center;
  background-size:cover;
}

/* Hover image portfolio */
.hover-img{
	background-position: center;
	background-size:cover;
}