body {
  background-color: #0737ae;
 width: 100%;
 padding-bottom:5%;
 padding-top:5%;
 color: white;
 font-family: "Open Sans", sans-serif;
 text-align: center;
 background-image: url(fishybig.webp);
 background-blend-mode: overlay;
 background-size:100%;
}

.overlay {
  position:fixed;
  transform: rotate(50deg);
  transform: translate(-1000px, -100px);
  width: 300px;
  z-index: 2;
}

.overlay2 {
  position:fixed;
  transform: rotate(50deg);
  transform: translate(1400px, 600px);
  width: 500px;
  height:350px;
  z-index: 4;
  background-image: url(frutiger/rotatingdolp.webp);
  background-size: 100%;
}

.overlay2:hover {
  background-image: url('frutiger/petted dolp.gif');
  background-size: 80%;
  background-repeat: no-repeat;
}

.stuff {
  background-color: #5382ea;
  width: 100%;
  height: 80%;
  position:fixed;
  display: flex;
  flex-wrap:wrap;
  flex-direction: row;} 
  
  .rows {
    width:50%;
    height:100%;
    padding:10%;
    box-sizing: border-box;
  }
  
  #bord {
    border-right: #8ca8fc 3px solid;
    text-align: right;
  }
  
  .center {
    margin-left:50%;
    width:200px;
    margin-top:10%
  }
  
  .icon {
    width:150px;
    border-radius: 10px;
    border: 2px white solid;
    float: left;
    margin-right: 20px;
    
  }
  
  .userdiv {
    width:100%;
    margin-bottom:50%;
    font-size: 1.5rem;
    text-align: left;
  }
  
    @media only screen and (max-width: 1000px) {
.icon {
    width:100px;
    border-radius: 10px;
    border: 2px white solid;
    float: left;
    margin-right: 20px;
    
  }
  
  .center {
    margin-left:50%;
    width:150px;
    left: 20px;
  }
  
  #bord {
    border-right: #8ca8fc 3px solid;
    text-align: right;
    padding-right: 20px;
  }
}