.mainframe {

height:100%;
width:100%;
background-color:#ffff66;
margin: auto; /* Centers horizontally */
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0; /* For vertical centering */
 border-radius:10px;
 text-align:center;
 font-size:30px;
}

@keyframes animals {
  0%   {background-image:url('/images/biosecurity9.jpeg');}
  16%  {background-image:url('/images/bioplane.jpeg');}
  32%  {background-image:url('/images/cargoship1.jpeg');}
  48%  {background-image:url('/images/cacatoo.jpg');}
  62% {background-image:url('/images/seaeagle.jpg');}
  78% {background-image:url('/images/biosecurity5.jpeg');}
  100% {background-image:url('/images/ports.jpeg');}
}


.pictureframe {
	
	
	height:100%;
	width:100%;
	/*border-color:blue;*/
	border:1px solid black;
	border-color:red;
	background-color:white;
	text-align:center;
	background-image:url('/image/whale.jpg');
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	/*border:10px;*/
	animation-name:animals;
	animation-duration:100s;
	background-repeat:no-repeat;
	animation-iteration-count:infinite;
	background-size: cover;
		
	}
	
	.biologo {
		height:45px;
		margin-top:-4px;
		margin-left:0px;
		float:left;
		background-color:red;
	}

		.login {
	
			Height: 330px;
			width: 500px;
			background-color: white;
			margin: auto;
			/* Centers horizontally */
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			/* For vertical centering */
			border-radius: 10px;
			text-align: center;
			font-size: 16px;
	
			/*background-image:url('/images/kingfisher.PNG'); */
			background-repeat: no-repeat;
			background-size: cover;
	
		}

.shipdetails {

    Height: 350px;
    width: 500px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius:10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}

.exportdetails {

    Height: 665px;
    width: 650px;
    background-color:#f2f2f2 ;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}












.country {

    Height: 340px;
    width: 500px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}




.user {

    Height: 400px;
    width: 500px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}



/*background-image:url('/image/kingfisher.PNG'); */
/*background-repeat:no-repeat;
 background-size:cover; */

.exporter {

    Height: 500px;
    width: 500px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 1px;
}

.exportheading {
    margin-top: 0px;
    display: grid;
    /*padding-top:20px; */
    background-color: #ffcc00;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 60px;
    /* The same as your div height */
    /*display text-on the center*/
}


button:active {
    background-color: #3e8e41;
    color: maroon;
}

button:focus {

    color: maroon;

}

button:hover {
    color: red;
}

.clicked {
    color: red;
}

.usercountry {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    display: grid;
    /*padding-top:20px; */
    background-color: #ffcc00;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 60px;
   
border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    /* The same as your div height */
    /*display text-on the center*/
}

.productcategory {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    display: grid;
    /*padding-top:20px; */
    background-color: #ffcc00;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 50px;
   
border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    /* The same as your div height */
    /*display text-on the center*/
}




.userloginheader {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    display: grid;
    /*padding-top:20px; */
    background-color:#ffcc00;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 60px;

    /*border-radius: 10px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
    
    /* The same as your div height */
    /*display text-on the center*/
}

.animaldetails {

    Height: 510px;
    width: 600px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}

/*background-image:url('/image/kingfisher.PNG'); */
/*background-repeat:no-repeat;
 background-size:cover; */

 /* unvisited link */
 a:link {
     color: green;
 }

 /* visited link */
 a:visited {
     color: green;
 }
a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}



 /* mouse over link */
 a:hover {
     color:blue;
 }

 /* selected link */
 a:active {
     color: yellow;
 }