@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i&display=swap");

body {
  padding: 2em;
  font-family: Raleway, sans-serif;
  font-size: 1.2em;
}

h1 {
  font-size: 3.0em;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 2.4em;
  margin-bottom: 0.5em;
}

p {
  margin: 1em 0;
  line-height: 1.25;
}

#link_icon{
  top: 50px;
  left: 550px;
  width: 100px; 
  height: 100px;
  position: absolute;
}

#myvideo1, {
    width: 270px; 
    height: 512px;
    object-fit: cover;
    position: relative; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;
    top: 0px;
    z-index: -1;
}

#container1 {
  top: 180px;
  left: 45px;
  width: 270px; 
  height: 512px;
  position: absolute;
  background-color: white;
}

#skirt1 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: red;
  z-index: 2;
  opacity: 0.3;
}

#footwear1 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: blue;
  z-index: 2;
  opacity: 0.3;
}

#outerwear1 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: green;
  z-index: 2;
  opacity: 0.3;
}

#container3 {
  top: 180px;
  left: 360px;
  width: 270px; 
  height: 512px;
  position: absolute;
  background-color: white;
}

#skirt3 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: red;
  z-index: 2;
  opacity: 0;
}

#footwear3 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: blue;
  z-index: 2;
  opacity: 0;
}

#outerwear3 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: green;
  z-index: 2;
  opacity: 0;
}

#skirt3m {
  top: 100px;
  left: 100px;
  /*width: 08%;*/
  /*height: 46%;*/
  position: absolute;
  /*background-color: red;*/
  z-index: 2;
  opacity: 0.5;
}

#footwear3m {
   top: 100px;
  left: 100px;
  /*width: 08%;*/
  /*height: 46%;*/
  position: absolute;
  /*background-color: red;*/
  z-index: 2;
  opacity: 0.5;
}

#outerwear3m {
  top: 100px;
  left: 100px;
  /*width: 08%;*/
  /*height: 46%;*/
  position: absolute;
  /*background-color: red;*/
  z-index: 2;
  opacity: 0.5;
}

#container4 {
  top: 180px;
  left: 680px;
  width: 270px; 
  height: 512px;
  position: absolute;
  background-color: white;
}


#myvideo6, {
    width: 720px; 
    height: 404px;
    object-fit: cover;
    position: relative; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;
    top: 0px;
    z-index: -1;
}

#container6 {
  top: 800px;
  left: 45px;
  width: 720px; 
  height: 404px;
  position: absolute;
  background-color: white;
}

#skirt6 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color:   red;
  /*border-style:dashed; border-width:1px; border-color: white;*/
  z-index: 2;
  opacity: 0.3;
}

#footwear6 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: blue;
  /*border-style:dashed; border-width:1px;border-color: white;*/
  z-index: 2;
  opacity: 0.3;
}

#outerwear6 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: green;
  /*border-style:dashed; border-width:1px;border-color: white;*/
  z-index: 2;
  opacity: 0.3;
}

#myvideo7, {
    width: 720px; 
    height: 404px;
    object-fit: cover;
    position: relative; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;
    top: 0px;
    z-index: -1;
}

#container7 {
  top: 1300px;
  left: 45px;
  width: 720px; 
  height: 404px;
  position: absolute;
  background-color: white;
}

#skirt7 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color:   red;
  /*border-style:dashed; border-width:1px; border-color: white;*/
  z-index: 2;
  opacity: 0;
}

#footwear7 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: blue;
  /*border-style:dashed; border-width:1px;border-color: white;*/
  z-index: 2;
  opacity: 0;
}

#outerwear7 {
  top: 28%;
  left: 0;
  width: 08%;
  height: 46%;
  position: absolute;
  background-color: green;
  /*border-style:dashed; border-width:1px;border-color: white;*/
  z-index: 2;
  opacity: 0;
}

#skirt7m {
  top: 100px;
  left: 100px;
  /*width: 08%;*/
  /*height: 46%;*/
  position: absolute;
  /*background-color: red;*/
  z-index: 2;
  opacity: 0.5;
}

#footwear7m {
   top: 100px;
  left: 100px;
  /*width: 08%;*/
  /*height: 46%;*/
  position: absolute;
  /*background-color: red;*/
  z-index: 2;
  opacity: 0.5;
}

#outerwear7m {
  top: 100px;
  left: 100px;
  /*width: 08%;*/
  /*height: 46%;*/
  position: absolute;
  /*background-color: red;*/
  z-index: 2;
  opacity: 0.5;
}

#container8 {
  top: 1300px;
  left: 800px;
  width: 270px; 
  height: 512px;
  position: absolute;
  background-color: white;
}