/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body
{
background-image:url('bluedrop.bmp');
                                 
}
h1 {
    color: green;
}

  P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 10em
}
.center {
    text-align: center;
    font-family: times new roman;
    <span style="color:#ffff00;">Text here</span>
    color: red;
}


.centered {
 text-align: center;
  font-family: arial;
    font-size: .8em;
    color:red;
}

.centered1 {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

.center1 {
     text-align: center;
    font-family: arial;
    font-size: 1.0em;
    color: #F7E348;
}

.center2 {
     text-align: center;
    font-family: arial;
    font-size: 1.3em;
    color: #FF9900;
}

.center3 {     
     text-align: center;
    font-family: times new roman;
    font-size: 1.5em;
    color: #FFFF00;
}

.center4 {
     text-align: center;
    font-family: arial;
    font-size: .551em;
    color: #FFFF00;
}

.center5 {
     text-align: center;
    font-family: arial;
    font-size: .9em;
    color:yellow;
}
.center6 {
     text-align: center;
    font-family: arial;
    font-size: 1em;
    color:green;
}

.center7 {
    text-align: center;
    font-family: arial;
    font-size: .99em;
    color:yellow;
    }
    
 .center8 {
  text-align: center;
  font-family: arial;
  font-size: 26px;
  color:yellow;
    }
    
  .center9 {     
    text-align: center;
    font-family: times new roman;
    font-size: 1.5em;
    color: yellow;
}
  .center10 {
    text-align: center;
    font-family: arial;
    font-size: 1.3em;
    color: fuchsia;
}

.h1 {     
    text-align: center;
    font-family: times new roman;
    font-size: 1.5em;
    color: yellow;
}

.h2 {     
    text-align: center;
    font-family: times new roman;
    font-size: 0.5em;
    color: #FFFF00;}
    
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
 div.absolute {
    position: absolute;
    top: 80px;
    right: 0;
    width: 200px;
    height: 100px;
    border: 3px solid #73AD21;
}

div.container4 {
    height: 10em;
    position: relative }
div.container4 p {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
    
    div.container5 {
  height: 14em;
  display: flex;
  align-items: center }
div.container5 p {
  margin: 0 }
    
div.container6 {
  height:18em;
  display: flex;
  align-items: center;
  justify-content: center }
  div.container6 p {
  margin: 0 }
  

a.button1{
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:600;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
}
a.button1:hover{
 color:#000000;
 background-color:#FFFFFF;
}
@media all and (max-width:30em){
 a.button1{
  display:block;
  block-align:center;
  margin:0.4em auto;
 }
}