*{
    /*margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins',sans-serif;
*/    scroll-behavior: smooth;
}




body{
	font-family: 'PT sans', sans-serif;
	background-color: #454545;
	margin: 0;
	color: #FFFFFF;
	line-height: 1.4;
}

/*    -webkit-animation: bgcolor 20s infinite;
    animation: bgcolor 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;*/

------------------------------------------------------------------
/*@keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}*/
------------------------------------------------------------

a{
	text-decoration: none;
	color: #FFFFFF;	

}


#showcase{
	margin:0;
	padding: 0;
	background: url('home.jpg') no-repeat center/cover;
	width: 100%;
	height: 100vh;
	position: relative;
	overflow-y:hidden ;
}

#showcase .container{
	margin-top: 15vh;
}

#showcase h1{
	font-size: 10rem;
/*	margin-bottom: 5%;*/
/*	color: #A600FF;*/
  	animation: color-change 1s infinite;


}

#showcase h2{
	margin-top: 95px;
	margin-bottom: 0;
	font-size: 2rem;
	color: black;
  	animation: color-change 1s infinite;

}

#showcase  .para1{
	margin-top: 0;
	color: black;
/*	background-color: black;*/
}

nav{
	height: 40px;
	width:100%;
	background-color: black;
	color: black;
	position: fixed;
}

nav ul{
	margin: 0;
	padding: 0;

}

nav li{
	float: left;
	display: inherit;
}

nav a{
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	padding: 10px 0px;
	color: white;
}

nav a:hover{
	color: black;
}

nav li:hover{
	background-color: white;
	border-radius: 10px;
	color: black;

}

.container{
	max-width: 1180px;
	text-align: center;
	margin: 0 auto;
	padding: 0 3rem;
}

.lead{
	font-size: 1.3rem;
	font-family: 'PT Sans', sans-serif;
	margin: 0;
	color: #FFFFFF;
}

footer .footer-cols{
	 display: grid;
	 grid-gap: 10px ;
	 grid-template-columns: repeat(3, 1fr);
	 padding: 2rem;
	 text-align: left;
	 font-size: 14px;
}

footer .footer-cols ul{
	list-style: none;
}

footer .footer-cols ul li:first-child{
	font-size: 1.2rem;
	color: #F0E0B0;
	padding-bottom: 0.5rem;
	border-bottom: white solid 1px;
	margin-bottom: 1rem;
}

footer .footer-cols ul li a{
	color: white;
	text-decoration: none;
}

footer .footer-bottom{
	color: black;
	background-color: white;
	border: 1rem;
	text-align: center;
}

.section{
	padding: 2rem 0;
}

.section-head{
	font-size: 2.5rem;
	margin: 40px;
}

.section h3{
	font-size: 2rem;
}


:root{
	--primary-color : #F0E0B0;
	--primary-color-hover: black;
	--secondary-color : #F0E0B0;
	--secondary-color-hover: white;
	--light-color : white;
}

.btn{
	padding: 1rem;
	color: black;
	display: inline-block;
	text-decoration: none;

}

.btn-primary {
	background: var(--primary-color);
}

.btn-primary hover{
	background: var(--primary-color-hover);
}

.btn-secondary {
	background: var(--secondary-color);
}

.btn-secondary hover {
	background: var(--secomdary-color-hover);
}


.text-light{
	background: var(--light-color);
	color: white;
}

.mb{
	margin-bottom: 1rem;
	border-radius: 10px;
	height: 1rem;
/*	width: 10rem;*/

}

.about{
	background-color: #FFFF00;
	color: black;
/*	margin-bottom: 1rem;*/
	border-radius: 10px;
	height: 1rem;
/*	width: 10rem;*/
}

.ab{
	margin-top: 1rem;
	border-radius: 10px;
	height: 1rem;

}
/*----------------------------------------------------------------------------------
/*Below Code from stackoverflow for color changing continuty
-----------------------------------------------------------------------------*/
.btn {
	background-color: black;
  animation: color-change 1s infinite;
}

@keyframes color-change {
/*	  25% { color: #FF10F0 ; }*/
	  0% { color: transparent; }
	  50% { color: #FF99FF; }
	  100% { color: #FFFF00 ; }

}

.text-light{
/*	background-color: black;*/
	color: white;
	/*	width: 50%;*/
/*	margin: 2% 0 0 2%;*/
}


/*.aboutus .container .content .proPic{
    width: 100px;
    height: 100px;
    margin-top: 5px;
    margin-left: 40px;
     margin: 20%; 
    border-radius: 30%;
        border-top-left-radius: 30%;
    border-bottom-right-radius: 30%; 
}
*/
.text-light{
  animation: color-change 1s infinite;
  background-color: transparent;
}