html {
	scroll-behavior: smooth;
}

/* width */
::-webkit-scrollbar {
	width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.myweb-header-blur {
	background: rgba(255, 255, 255, 0.89);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.loader {
	position: fixed;
	z-index: 10069;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.89);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	transition: opacity 0.5s, visibility 0.5s;
}

.loader--hidden {
	opacity: 0;
	visibility: hidden;
}

.loader--nojserror {
	position: absolute;
	font-family: 'Inter', sans-serif;
	left: 30%;
	right: 30%;
	top: 10px;
	padding: 30px 15px 30px 15px;
	color: #fff;
	background-color: rgb(190, 58, 58);
	border-radius: 7px;
}

.loader-logo {
	width: 15vh;
	animation: loading 3s infinite;
}

@keyframes loading {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}

.skeleton {
	animation: skeleton-loading 1s linear infinite alternate;
}
  
@keyframes skeleton-loading {
	0% {
		background-color: hsl(200, 20%, 80%);
	}
	100% {
		background-color: hsl(200, 20%, 95%);
}
}