body{
	font-family:synth, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	text-align: center;
	transition: .5s;
	animation: goin 1s;
}
.info {
	background: white;
	margin:auto;
	color: black;
	display: block;
	height: 500px;
	width: 600px;
}

button {
	background: aliceblue;
	border:none;
	color: black;
	padding: 15px 20px;
	border-radius: 4px;
	cursor: pointer;
}
button:hover {
	background:black;
	color:white;
	transition: .5s;
}
.navbar-wrapper {
	--filter-effect: rgba(255, 255, 255, 0.72);
	--font-color: black;
	width: 100%;
	position: fixed;
	color:black;
	background-color: var(--filter-effect);
	backdrop-filter: saturate(180%) blur(20px);
}

.navbar {
	margin: 0;
	padding: 0;
	line-height: 130%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1000px;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-left: auto;
	margin-right: auto;
}

@keyframes fadein{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes spin{
	0% {
		transform: rotate(0deg);
		opacity: .5;
	}
	100% {
		transform: rotate(360deg);
		opacity: 1;
	}
}
@keyframes popin {
	0%{
		scale: 0.1;
	}
	100%{
		scale:1;
	}
}
.watermark {
	opacity: 0.6;
	color:white;
	position: fixed;
	text-align: center;
}
select {
	background: #564e4e;
	border: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
option {
	font-size: 20px;
	cursor: pointer;
}
select:hover {
	background: #484141;
	cursor:pointer;
}
.f {
	padding: 1px;
}
.uf {
	border: 2px solid aliceblue;
	background: transparent;
}
textarea {
	font-size: 25px;
	background: aliceblue;
	padding:10px;
	text-align: center;
	border: none;
	border-radius: 4px;
}
.dd {
background:#27685d;
	color:white;
}
.choose {
	background: aliceblue;
	border:none;
	color: black;
	padding: 15px 20px;
	border-radius: 4px;
	cursor: pointer;
}
.choose:hover {
	background: black;
	transition: 1s;
	color: white;
}
video {
	border-radius: 10px;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #888; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4f4f4f; 
  border-radius:10px;
  transition:1s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #0b2e4c;
}

::selection {
  color: white;
  background: #0b2e4c;
}
@keyframes goin {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	
	70% {
		transform: scale(0.95);
	}
	
	100% {
		opacity: 1;
		transform: scale(1);
	}
}