html {
    width:100%;
   background-repeat: no-repeat;
    background-position:top center;
    background-color:mistyrose;
    
   
}


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

}
.text {width:65%;
    margin:auto;
    background-color: whitesmoke;
    border: dashed 5px skyblue;
    text-align:center;
   }
.pic {
  margin:auto;
}

 #left {
  float: left;
  width: 50%;
}
#right {
  float: right
  width: 50%;
}

.picture {border: 3px purple dashed;}
    
.row:after {
  content: "";
  display: table;
  clear: both;
}

h1 {
    font-size: 120;
    width:50%;
    text-align:center;
opacity: 100%;
    background-color:whitesmoke;
    color: rebeccapurple;
    font-weight: bold;
    margin:auto;
      text-shadow: 2px 2px goldenrod;
    border: dashed skyblue 6px;
    

}
.buttons {margin:auto;}
.title {
    
}

h2 {align-content: middle;
opacity: 100%;
}

.inline {
    font-size: 19;
}

.cap {
    font-size: 15;
    font-style: italic;
    color:cornflowerblue;
    margin-right: 15;
    margin-top: 0;
}


.border {
    width:50%;
margin: auto;
    border: 3;
    border-style: dotted;
    border-color: springgreen;
    text-align: center;
    color: rebeccapurple;
    background-color: floralwhite;
}

#opacity {
    opacity: 60%;
}
    

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

a: none {
    color:deeppink;
}

a:link {
    margin:auto;
      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: 20;
    word-spacing: 10;
    margin: 5;
    text-decoration: none;
    
}

        
#bod {
    
    background: -webkit-linear-gradient(rebeccapurple, cornflowerblue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-size:20; 
    margin:auto;
    width:95%;
    text-align:center;
    
   }


    #imgstyle {
        
                        background-size: contain;            
            background-repeat: no-repeat;
            background-color: darkgreen;
            background-blend-mode: screen;
}