/* CSS Document */


/* základ */
#html {
padding:0px;
margin:0px;
}

#body {
padding:0px;
margin:0px;
background-color:black;
}

#limit_velikost {
    max-width:100vw;
    width:100%;
    height:100%;
}

h2 {
    font-size: 7vw;
    font-family: Poiret One;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin:0px;
    position:absolute;
    top:3vw;
    left:6vw;
    }

h3 {
    font-size: 2.8vw;
    font-family: Poiret One;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    }    

p {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 1.8vw; 
    }    

/* navigace */
#navbar {
    width: 100%;
}

#fotopruh_a {
    width:100%;
    height: auto;
    position: absolute;
    top:0px;
    left:0px;
    }

/* téma */
#tema {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 2.4vw; 
}

#tema_pozadi{
    width: 100%;
    height: auto;
    position: absolute;
    }

#osobnost {
    position: absolute;
    left: 6vw;
    top: 12vw; 
}

#jmena {
    position: absolute;
    left: 6vw;
    top: 18vw; 
}

#barevnost {
    position: absolute;
    left: 6vw;
    top: 43vw; 
}

#hl_barvy {
    position: absolute;
    left: 6vw;
    top: 49vw;
    font-size: 2.2vw;
    font-family: Poiret One;
    font-weight: bold; 
}

#hl_barvy2 {
    position: absolute;
    left: 6vw;
    top: 52.5vw;
}

#white {
    position: absolute;
    left: 6vw;
    top: 58vw;
    width:7vw;
    height:auto; 
}

#black {
    position: absolute;
    left: 15vw;
    top: 58vw;
    width:7vw;
    height:auto; 
}

#gold {
    position: absolute;
    left: 24vw;
    top: 58vw;
    width:7vw;
    height:auto; 
}

#b_barvy {
    position: absolute;
    left: 6vw;
    top: 65vw;
    font-size: 2.2vw;
    font-family: Poiret One;
    font-weight: bold; 
}

#b_barvy2 {
    position: absolute;
    left: 6vw;
    top: 68.5vw;
}

#red {
    position: absolute;
    left: 6vw;
    top: 74vw;
    width:7vw;
    height:auto; 
}

#blue {
    position: absolute;
    left: 15vw;
    top: 74vw;
    width:7vw;
    height:auto; 
}

#green {
    position: absolute;
    left: 24vw;
    top: 74vw;
    width:7vw;
    height:auto; 
}

#powder {
    position: absolute;
    left: 33vw;
    top: 74vw;
    width:7vw;
    height:auto; 
}

#gold_rose {
    position: absolute;
    left: 42vw;
    top: 74vw;
    width:7vw;
    height:auto; 
}

#filmy {
    position: absolute;
    left: 55vw;
    top: 1vw; 
}

#zanr {
    position: absolute;
    left: 55vw;
    top: 7vw;
    font-size: 2.2vw;
    font-family: Poiret One;
    font-weight: bold; 
}

#filmy_text {
    position: absolute;
    left: 55vw;
    top: 11vw; 
}

#material {
    position: absolute;
    left: 55vw;
    top: 52vw; 
} 

#material_text {
    position: absolute;
    left: 55vw;
    top: 58vw; 
}

#zpet {
    position: absolute;
    left: 92vw;
    top: 0vw;
    font-size: 2.2vw;
    font-family: Poiret One;
    font-weight: bold;
    color: #c6951f; 
}