#main {
font-family: 'times new roman', sans-serif; 
font-size: 13px;
color:#333333;
padding: 5px 5px 5px 5px;
width: 90%;
height:auto;
margin-left: 5%;
margin-right: 5%;
}

a {
color: blue;
}

body {
  background-color: #fffff7;
}

h1 {
  font-size: 18px;
  margin-top: 3em;
}

h2 {
  font-size: 16px;
  margin-top: 3em;
}

h3 {
  color: #002418;
  font-size: 15px;
  margin-top: 2em;
}

img {

    max-width: 60%; 
    max-height: 60%;
    padding: 4px;
}

.image1
{
width:auto;
height:auto;
}

.image2
{
width:auto;
height:200px;
}

video {
    height: auto; 
    width: auto; 
    max-width: 60%; 
    max-height: 60%;
  padding: 4px;
}
 
.center-justified-text {
  width: 60%; /* Example width for the container */
  margin: 0 auto; /* Centers the container itself */
  text-align: justify;
  padding: 8px;
}

.center-justified-text2 {
  width: 60%; /* Example width for the container */
  margin: 0 auto; /* Centers the container itself */
  text-align: justify;
  text-align-last: center;
  padding: 8px;
}
    
h2 {
    text-align: center;
  }
    
p {
    max-width: 400px;
    text-align: justify;
  }
    
.centered-text-container {
  max-width: 600px; /* Adjust as needed */
  margin: 0 auto;
  text-align: center;
}
 
a.link{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 5px;
}

a.link:link{
    color: blue;
    text-decoration: none;
}

a.link:visited{
    color: blue;
    text-decoration: none;
}

a.link:hover{
    color: green;
    text-decoration: none;
    -webkit-transform: scale(1.5);
    transform: scale(1.1);
}

a.link:active{
    color: blue;
    text-decoration: none;
}


a.link2{
    font-size: 12px;
    display: inline-block;
}

a.link2:link{
    color: blue;
    text-decoration: underline;
}

a.link2:visited{
    color: blue;
    text-decoration: none;
}

a.link2:hover{
    color: green;
    text-decoration: underline;
    transform: scale(1.05);
}

a.link2:active{
    color: blue;
    text-decoration: none;
}

 #main1{
    font-size: 13px;
    text-align: left;
    margin: 0 auto;
    width: 50%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

 #main2{
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    width: 600px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
 

/* You can add more styles below this line! */