* { margin: 0;
    padding : 0 ;
     text-align : center
  }
  html{margin-top: 87px;
       margin-bottom: 100px; 
  } 
  body{height:3000px;
    background-color:#f5f4f4 ;
  }
body::before {
    content:" ";
    position: absolute;
    height:4450px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin:0;
    border-left: 7px solid rgb(72, 114, 161);
} 
h1red {text-align : left;
    font-family:verdana;
    font-weight: bold;
    color: #ff0000;
    font-size: 3em;
    padding-left: 0.3em;
}
h3white {text-align : left;
    font-family:verdana;
    font-weight: bold;
    color: #f89494;
    font-size: 1.4em;  
    padding-left: 1em;
}
h3green {text-align : left;
    font-family:verdana;
    font-weight: bold;
    color: green;
    font-size: 1em;  
    padding-left: 2em;
}
.bottom{text-align : left;
    font-family:verdana;
    font-weight: bold;
    color: green;
    font-size: 1em;  
    padding-left: 0;
}
header { left:0px; 
    top: 0px; 
    position: fixed; 
    width: 100%;
    height: 85px; 
    background-image:url("../project1images/Rainbowsimage.jpg");
    background-size: 100%;
    background-color : blue; 
    text-align:left;
}
hdrtext{left: 0px;
    top: -5px; 
    position: fixed; 
    width: 100%;
    height: 85px; 
    text-align:left;
    z-index: 10;
    width: 700px;
 }
.page-centre {width: 750px;
    margin: 0px auto 0px auto;
    color: #f5f4f4;
}
#wrapper {min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto; 
    padding:10px;
    width: 710px;          
}
Mainheader {font-family: Impact;
    font-size: 30pt;
    font-weight: normal;
    font-style: normal;
    color: #FF0000;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    width:700px;
}
SubHeader {font-family: Impact;
    font-size: 20pt;
    font-weight: normal;
    font-style: normal;
    color: #FF0000;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    width:700px;
}
main-box {width: 755px;
    height: 2000px;
    padding: 5px;
    margin-top: 82px;	/* heightof header */
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;      
}  
.preHeader {font-family: Tahoma;
    font-size: 20px;
    font-weight: bold;
    color: #0000FF;
    text-align: center;
}
.auto-style1 {color: #FF0066;}
.main-content {font-family: Verdana;
    font-size: 15pt;
    font-weight: bold;
    color: rgb(40, 59, 145);
    text-align: left;
    width: 700px;
}
.div-testimonial {border: medium dashed #0033CC;
    width: 420px;
    color: #30230a;
    margin: 0px auto 0px auto;
    background-color: #FFFF99;
    font-size: 12pt;
    font-weight: normal;
    font-style: italic;
}
.auto-style5 {font-size: xx-small;}
.item1 { grid-area: zip}
.item2 { grid-area: download }
.item3 { grid-area: exe; }
.grid-container {
    display: grid;
    grid-template-areas:
    'zip download exe';
    grid-gap: 0px;
    background-size: 100%;
}
.grid-container > div {
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 10px;
    font-weight: bold;
}
footer {position: fixed;
    left: 0;
    bottom: 0;
    width: 99%;
    height: 65px;
    background-size: 100%;
    background-image:url("../project1images/RainbowsimageReversed.jpg");
    color:rgb(231, 151, 151);      
    border: 5px solid fuchsia;
    border-radius: 10px;
}
h3footer{text-align : left;
    font-family:verdana;
    font-weight: bold;
    color: #f8f8f8;
    font-size: 20px;  
    padding-left: 0;
}
.downEXEbutton{background-color: yellow;
    border: 3px solid orange;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    margin: 0.1em 0.1em;
    color: blue; 
    margin-top: 12px;
    padding-left: 0.1em;
    padding-top: 0;
    padding-right: 0.1em;
    padding-bottom: 0;
}
.downZIPbutton{background-color: yellow;
    border: 3px solid orange;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    margin: 0.1em 0.1em;
    color: blue; 
    margin-top: 12px;
    padding-left: 0.1em;
    padding-top: 0;
    padding-right: 0.1em;
    padding-bottom: 0;
}
.exButtonClick{
    cl
}