﻿body {
    padding: 0;
    margin: 0; 
}

#main {
    width: 98vw;
    height: 142vw;
    position: relative;
    display: block;
    margin: 0 auto;
    background-image: url(bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#indicators {
    position: absolute;
    top: 28.5vw;
    left: 0;
    width: 100vw;
    height: 10vw;
    display: flex; 
    justify-content: center; 
}
.icon {
    width: 5vw;
    height: 5vw;
    margin: 1vw;
}
    .icon.selected {
        width: 7vw;
        height: 7vw;
        margin: 0vw;
    }
#window {
    position: absolute;
    top: 38vw;
    left: 0vw;
    height: 101vw;
    width: 100vw;
    padding-left: 13vw;
    z-index: 1;
    overflow: hidden;
}
#slides {
    position: relative;
    width: 400vw;
    height: 101vw; 
}
#img-sunglasses {
    position: absolute;
    bottom: -5vw;
    right: -1vw;
    width: 32vw;
    height: auto;
    z-index:10;
}

.slide {
    display: inline-block;
    width: 73vw;
    height: 101vw;
    margin-right: 2vw;
}