html { box-sizing: border-box;}

*, *: before, *:after{box-sizing: inherit;}

body { background: url('bcground.png'),url('b1.png');
margin: 0;
background-color: #001833;
background-position: bottom,top;
overflow-x:none;
}

.header {
text-align: center;
background-color:rgba(0, 64, 128,0.9); 
color: white;
padding: 5px;
animation-name: t1;
animation-duration: 3s;
width:100%;
padding-bottom: 3px;
}

@keyframes t1 {
from { opacity: 0;}
to {opacity: 1;}
}


 
h1{ 
font-family: "Times New Roman", Sans-serif;
text-shadow: 3px 3px 5px black;
font-size: 65px;
margin:2px;
padding: 5px;
}

.p1{ 
font-size: 30px;
padding:5px;
text-align:center;
background-color: #001833; 
color: white;
width:100%;
}




img {
max-width: 100%;
position: relative;
height:150px;
padding: 0px 0px 0px 0px;
margin: auto;
}


h2 {color: white;
text-align: center;
font-family: "Arial", Sans;
  font-size: 30px;
text-shadow: 3px 3px 5px gray;
padding: 10px;
margin: auto;
z-index: 3;
}

.container {
	width: 100%;
}

.button { 
width: 300px;
margin: 50px auto;
padding: 5px 3px 5px 3px;
display: block;
background-color: rgb(0, 51, 102);
text-align: center;
color: white;
font-size: 20px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
position: relative;
}


.button a{
	width: 300px;
text-decoration: none;
color: white;
display: inline-block;
}

.button:hover{
cursor: pointer;
box-shadow: 3px 2px 3px 2px rgba(179, 179, 179, 0.4);
}

.button a:hover .button{ 
underline: none;
cursor: pointer;
}




.footer {
background-color: #001833;
width: 100%;
padding-top: 10px;
padding-bottom: 20px;
bottom: 0;
position: fixed;
text-align: center;
font-size:15px;
margin-top: 60px;
}


.word{
padding-left: 30px;
display: inline;
text-align: center;
padding:2px 3px 2px 3px;
margin: 3px 3px 3px 3px;
color: white;
}

.word a{
underline: none;
text-decoration: none;
color: white;
}

.word a:hover {
underline:none;
cursor:pointer;
color: gray;
}