html {
    background-image: url(img/winkie.png);
   background-repeat:repeat-y;
    background-position:top right;
    background-size: 20%;
    background-color: lavenderblush;
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 600px)
  and (-webkit-min-device-pixel-ratio: 2) {
      html {width:125%;
          margin-top:50;
          margin-left:-40;
      } }
      
      


/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  
}

.left {
  width: 20%;
    text-decoration-color: crimson;
}

.right {
  width: 60%;
    margin:auto;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.poem {margin:auto;
text-align: center;
color: rebeccapurple;}

h2 {
       display: block;
  margin-left: auto;
  margin-right: auto;
}


h2:hover {
    
    background-image: url(img/newbg.png);
    
    background-position:center;
    background-size: 175%;}

.bod {
    text-align: center;
    color:orangered;
    font-size: 15;
    border: .5;
    border-style:dashed;
    border-color: hotpink;
    width: 100%;
        background-color:ghostwhite;

    }

a:link {
      background: rgb(240,89,155);
background: -moz-radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
background: radial-gradient(circle, rgba(240,89,155,1) 0%, rgba(193,28,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0599b",endColorstr="#c11cff",GradientType=1);

-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 15;
    word-spacing: 10;
    margin: 5;
    text-decoration: none;
    
}
a:hover {

   
    cursor:pointer;
}

h3 {
    margin:auto;
    background-color:ghostwhite;
    width:700;
    align-content: center;
    border:4;
    border-style: dashed;
    border-color:rebeccapurple;
}

.title {opacity: 100%;
    font-size: 60;
    color: rebeccapurple;
    font-weight: bold;
text-align: center;
                          text-shadow: 2px 2px orange;

}

.cap {
 font-size: 15;
    font-style: italic;
    color:cornflowerblue;
   margin:auto;
    position: center;
    margin-bottom:5;
    text-align:center;
}

.cap:hover {
    cursor:none;
    color: blueviolet;

}

.caps {
 font-size: 30;
    font-style: italic;
    color:hotpink;
   margin:auto;
    position: center;
    text-align:center;
}

.clockbox {
    margin:auto;
    text-align:center;
}

.whats {
    margin: auto;
    text-align: center;
    color:midnightblue;
        

    opacity:100%;
    font-size: 15;
    width:700;
}

.whatsup {
     margin: auto;
    text-align: center;
    color:midnightblue;
        
    opacity:100%;
    font-size: 15;
    width:700;
}

.imgborder {
    border: 5px dashed rebeccapurple;

}

.border {
    margin:auto;
    border: 5px dashed rebeccapurple;
    text-align: center;
width:80%;
    color: deeppink;
    background-color: ghostwhite;
}

.imgborder:hover {
    border: 5px inset rebeccapurple;
background-color:lightpink;
}