/* Google Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');

body {
	background:#14121d;
}

/* Custom Scroll Bar*/
::-webkit-scrollbar {
    width: 5px;
}
 
/* BG of scroll bar */
::-webkit-scrollbar-track {
    -webkit-border-radius: none;
    border-radius: none;
}
 
/* Handle of sroll bar */
::-webkit-scrollbar-thumb {
	height:80px;
    background: #ff5e14; 
}

/* The area for scroll indicator */
.scroll-indicator {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:1;
}

div.box {
	margin:60px auto auto auto;
	width:70%;
	text-align:center;
	padding:50px 0;
	display:block;
}

/* Image Rotation Properties */

  img.logo-header{
    animation: rotateImg 5s linear infinite;
  }
  @keyframes rotateImg{
    from {
     transform: rotate(0deg);
    }
   to {
    transform: rotate(359deg);
   }
  }

img.logo-header {
	margin:20px auto;
	width:10%;
	border:2px solid #ffffff;
	border-radius:100%;
	padding:5px;
}

h1 {
	font-family:poppins;
	font-size: 60px;
	text-align:center;
	color:#ffffff;
	margin:0 auto;
	font-weight:800;
}

h2 {
	font-family:manrope;
	font-size: 14px;
	text-align:center;
	color:#ffffff;
	margin:2.5% auto;
	font-weight:500;
	width:90%;
	line-height:1.6rem;
}

button.back {
	margin:2% 0 0 auto;
	color:#ffffff;
	background:#14121d;
	padding:10px 20px;
	border-radius:2px;
	width:auto;
	font-family:manrope;
	font-weight:700;
	font-size:14px;
	outline:none;
	border:1.5px solid #ff5e14;
	text-transform:uppercase;
}

button.back:hover {
	background:#ff5e14;
	color:#ffffff;
	transition:0.2s linear;
}

h3 {
	font-family:manrope;
	font-size: 14px;
	text-align:center;
	color:#ffffff;
	margin:2.5% auto;
	font-weight:500;
	width:60%;
	line-height:1.6rem;
}

hr {
	height:3px;
	margin:30px auto;
	width:10%;
	background-color:#ff5e14;
	border:none;
}

@media screen and (max-width:768px) {
	
	
}



@media screen and (max-width:500px) {

	div.box-content {
		width:95%;
		margin:180px auto;
		padding:0;
	}	

	div.box {
		width:95%;
		margin:0 auto;
		padding:0;
	}
	
	img.logo-header {
		width:22%;
	}
	
	hr.separate {
		margin:30px auto;
		width:12%;
	}
	
	h1 {
		font-size:45px;
	}
	
	h2 {
		font-size:14px;
		width:85%;
		margin:20px auto;
		line-height:1.5rem;
	}
	
	h3 {
		font-size:14px;
		width:80%;
	}
	
	button.back {
		font-size:12px;
	}
}