/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
.backrground {
  position: relative;  
}
.background img {
  
  position: absolute;
  width: 100vw; /*takes up 100% of the screen*/
   /*keeps images original ratio (no distortion)*/
  margin:-20px;
  padding: 0;
  
} 

.media-logo {
  position: relative;
  
}
.media-logo img {
  width: 90px;
  height: auto; /*keeps images original ratio (no distortion)*/
  top: 10px;    /* distance down from the container's top edge */
  right: 20px;  /* distance right from the container's left edge */
  transition: .3s;
  position: fixed;
 
}
.media-logo img:hover {
  transform: scale(1.15);
}

.mydesk-logo {
  position: relative;
  
}
.mydesk-logo img {
 
  width: 100px;
  height: auto; /*keeps images original ratio (no distortion)*/
  top: 110px;    /* distance down from the container's top edge */
  right: 10px;  /* distance right from the container's left edge */
  transition: .3s;
  position: fixed;
 
}
.mydesk-logo img:hover {
  transform: scale(1.15);
}

.blog-logo {
  position: relative;
  
}
.blog-logo img {
  width: 100px;
  height: auto; /*keeps images original ratio (no distortion)*/
  top: 225px;    /* distance down from the container's top edge */
  right: 10px;  /* distance right from the container's left edge */ 
  transition: .3s;
  position: fixed;
 
}

.blog-logo img:hover {
  transform: scale(1.15);
}

.consbargif {
  position: fixed;
  
}
.consbargif img {
  width: 1000px;
  height: auto; /*keeps images original ratio (no distortion)*/
  
}

/* MEDIA FOLDER CSS */
.media-folder {
  position: relative;  
}
.media-folder img {
  
  position: absolute;
  width: 100vw; /*takes up 100% of the screen*/
   /*keeps images original ratio (no distortion)*/
  margin:-20px;
  padding: 0;
  
}

.music-logo {
  position: relative;
}
.music-logo img {
  position: absolute;
  width: 100px;
  height: auto; /*keeps images original ratio (no distortion)*/
  top: 150px;    /* distance down from the container's top edge */
  left: 300px;  /* distance right from the container's left edge */ 
  transition: .3s;
}
.music-logo img:hover {
  transform: scale(1.15);
}
.television-logo {
  position: relative;
}
.television-logo img {
  position: absolute;
  width: 100px;
  height: auto; /*keeps images original ratio (no distortion)*/
  top: 177.5px;    /* distance down from the container's top edge */
  left: 400px;  /* distance right from the container's left edge */ 
  transition: .3s;
}
.television-logo img:hover {
  transform: scale(1.15);
}