Team:H14Z1 Hangzhou/CSS-files/page picture

1. page_content_container {

   width: 60%;
   margin: 0 auto;
   background-color: whitesmoke;
   height: 100%;
   min-width: 1000px;
   max-width: 2000px;

}

1. picture_field {

   width: 100%;
   position: relative;
   z-index: 2;
   top: 27px;

}

1. triangle_topleft,
2. triangle_topright {

   position: absolute;
   z-index: 1;

}

1. triangle_topleft > img,
2. triangle_topright > img {

   width: 100%;
   z-index: auto;

}

1. triangle_topright {

   width: 80%;
   right: 0;

}

1. triangle_topleft {

   width: 30%;

}

1. icon {

   width: 24%;
   position: absolute;
   z-index: 2;

}

1. icon > img {

   z-index: auto;
   width: 100%;

}

1. slideshow_container {

   position: absolute;
   width: 100%;
   z-index: 0;
   background-color: #101417;

}

1. slideshow_container > img {

   z-index: auto;
   width: 100%;

}

.slideshow_picture {

   width: 80%;
   display: none;

}

.dot {

   height: 30px;
   width: 30px;
   padding: 0;
   color: peru;
   display: inline-block;
   border-radius: 50%;
   background-color: transparent !important;
   border: 2px solid peru !important;

}

.dot:hover, .current_dot {

   background-color: peru !important

}

.arrow-left, .arrow-right, .dot {

   color: black;
   cursor: pointer

}

.arrow-left {

   float: left

}

.arrow-right {

   float: right

}

.arrow-left:hover, .arrow-right:hover {

   color: peru

}

.slider_select {

   text-align: center;
   font-size: 80px;
   color: #fff;
   position: absolute;
   left: 0;

}