html{
			scroll-behavior: smooth;
		}
		body{
  			top: 10px;
  			left: 10px;
  			right: 10px;
  			bottom: 10px;
  		}
  		/*@import url('https://fonts.googleapis.com/css?family=Quicksand:700&display=swap');*/
  		@import url('https://fonts.googleapis.com/css?family=Literata:600&display=swap');
  		.nav-link{
  			color: #fff;
  			text-decoration: none;
  			font-size: 17px;
  			font-family: 'Literata', serif;
  			font-weight: bolder;
  		}
  		.navbar-brand:hover{
  			color: powderblue;
  			border-radius: 0%;
  			animation-name: link;
  			animation-duration: 1s;
  			background-color: #6490d1;
  		}
  		.nav-link:hover{
  			color: powderblue;
  			border-radius: 20px;
  			animation-name: link;
  			animation-duration: 1s;
  			background-color: #08244d;
  		}
			.navbar-header > button{
				float: right;
				right: 0%;
				margin-left:0%;
			}
      #highlight{
        /*background-image: linear-gradient(#0a2238, #3258a8, #2b81cf);*/
        background-color: #74b9cc;
        z-index: 2;
        border-radius: 25px;
      }
      #highlight2{
        /*background-image: linear-gradient(#0a2238, #3258a8, #2b81cf);*/
        background-color: #ff0000;
        z-index: 2;
        border-radius: 25px;
      }

  		@keyframes link{
  			20% {background-color: #deebff; color: #000;}
  			40% {background-color: #adceff; color: #000;}
  			60% {background-color: #6490d1; color: #000;}
  			80% {background-color: #254e8a}
  			100% {background-color: #08244d;}
  		}
		#h{
		text-align: center;
		line-height: 90%;
		/*background-image: url("i/195260.jpg");*/
		background-size: cover;
 		padding: 22px;
 		opacity: 0.9;
	  	text-align: center;
  		/*text-shadow: 2px 0px 4px #b0ceff;*/
  		object-fit: cover;
  		line-height: 80%;
  		/*color: #135ba3;*/
  		color: #031738;
  		height: 1005;
		}
		.h{
		font-family: Times New Roman;
		font-weight: bold;
		text-align: center;
		line-height: 90%;
		}
		.masthead {
 	 		height: 100vh;
	  		min-height: 500px;
	  		/*background-image: url('i/head-background.jpg');*/
	  		background-size: cover;
			background-position: center;
	  		background-repeat: no-repeat;
	  		-webkit-animation-name: fadein; /* Safari 4.0 - 8.0 */
  			-webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
 			animation-name: fadein;
  			animation-duration: 5s;
		}
		@keyframes fadein{
			10% {opacity: 0}
			20% {opacity: 0.1}
			30% {opacity: 0.2}
			40% {opacity: 0.3}
			50% {opacity: 0.4}
			60% {opacity: 0.5}
			70% {opacity: 0.6}
			80% {opacity: 0.7}
			90% {opacity: 0.8}
			95% {opacity: 0.9}
			100% {opacity: 1}
		}
	/*	.font-weight-bold{
			background-image: url('i/195260.jpg');
			background-size: 100%;
			background-clip: text;
			text-fill-color: transparent;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			z-index: 99;
		}*/
		.font-weight-light > span{
			font-weight: bolder;
			font-family: 'Literata', serif;
			background: #bed6f7;
			border-radius: 20px;
		}
		.hr {
			border: none;
			height: 18px;
			width: 114px;
			background: url('i/hr.png') center center no-repeat;
			margin: 20px auto;
			}
		section > h3, main > h3 {
			font-family: 'Literata', serif;
			text-align: center;
			font-weight: bolder;
		}
		.callforpapers{
			margin-left: 20px;
			background: rgb(9,9,121);
			background: linear-gradient(270deg, rgba(9,9,121,0.9308765742625175) 18%, rgba(0,212,255,1) 100%);
		}
		.callforpapers > strong > p{
			border-radius: 10px;
			background: rgb(238,174,202);
			background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
		}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.hovereffect > span{
  font-size: 1.3em;
  font-family: 'Literata', sans-serif;
}
#small-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}
.footbox{
	margin-top: 20px;
	text-align: center;
	text-decoration: none;
	font-family: 'Literata', serif;
	color: snow;
	font-size: 18px;
}
.social{
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: black;
}

.content {
  padding: 16px;
  margin-top: 0px;
  position: inherit;
  z-index: 2;
}

.contbox{
	background-color: inherit;
	color: black;
	margin-left: 0px;
	margin-right: 40px;
	width: 100%
}

.active{
  border-bottom-color: #ccffee;
}

.blink {
	animation: blinker 0.6s linear infinite;
	color: red;
	font-weight: bold;
	font-family: sans-serif;
}
@keyframes blinker {  
	50% { opacity: 0; }
}