@font-face {
  font-family: 'My Custom Font';
  src: url('./fonts/Vermin Vibes 2.otf') format('truetype');
}

@font-face {
  font-family: 'Font H2';
  src: url('./fonts/Square.ttf') format('truetype');
}

@font-face {
  font-family: 'Font Para';
  src: url('./fonts/NugoSansLight-9YzoK.ttf') format('truetype');
}

html {
  scroll-behavior: smooth;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: rgb(0, 0, 0);
  overflow: hidden;}

/* Style the links inside the navigation bar */
.topnav a {
  float: right;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: "Font Para";
  margin-top: 10px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #04b200;
  color: #f2f2f2;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #000000;
  color: rgb(255, 255, 255);
  float: left;
}

.form {
  background-size: cover;
  background-color: #ffffff;
  border: 5px solid;
  color: rgb(0, 0, 0);
  padding: 35px;
  font-family: 'Font Para';
}

h1 {
  color:#04b200;
  font-family: 'My Custom Font';
}

h2 {
  color:#000000;
  font-family: 'Font H2';
}


.btn {

  color: #000000;
  font-family: 'My Custom Font';
  
}

.capbox {
		
	display: inline-block;
	padding: 5px 8px 5px 8px;
	border-radius: 4px 4px 4px 4px;
  margin-left: 8px;
	}

.capbox-inner {
	font: bold 12px;
	color: #80837f;
  font-style: 'Font Para';
	padding: 3px 10px 5px 10px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	}

#CaptchaDiv {
	color: #80837f;
	font: normal 15px 'My Custom Font';
	text-align: center;
	vertical-align: middle;
	user-select: none;
	display: inline-block;
	padding: 3px 3px 3px 3px;
	margin-right: 4px;
  margin-left: -5px;
  background-color: #ffffff;
  border: #000000 2px solid;
  width: 80px
	}

#CaptchaInput {
	border: #000000 2px solid;
  font: normal 15px 'My Custom Font';
  padding: 3px 3px 3px 3px;
	margin: 3px 0px 1px 0px;
	width: 80px;
  text-align: center;
  vertical-align: middle;
	}

.table {
  color: #04b200;
  text-align: center;
  font-weight: bolder;
}

.prop_name{

  margin-left: 10px;

}

.centre {
  display: block;
  margin-left: auto;
  margin-right: auto; 
}

.eye_gif{

  margin-right: -20px;
  margin-left: -25px;
  margin-top: -5px;

}

.zoom-container{
  overflow: hidden;
}

.centre{
  transition: transform 0.3s;
}

.centre:hover {
  transform: scale(1.7);
}