/*
#jmb1 {
    background-image: url("img3.jpg"); 
    background-size: cover;    
}

#welcome-txt {
  font-style: italic;
  font-weight: bold;  
  text-shadow: 2px 2px #FF0000;
}*/



/*body {
  background-color: lightblue;
}

#w0 {
    background-color: lightblue;
}*/

 .container_1 {
    padding: 0; /*The CSS padding properties are used to generate 
                space around an element's content, inside of any defined borders.
                With CSS, you have full control over the padding. 
                There are properties for setting the padding for each side of an
                element (top, right, bottom, and left).*/

    margin: 0; /*The CSS margin properties are used to create space around elements, 
               outside of any defined borders.
               With CSS, you have full control over the margins. 
               There are properties for setting the margin for each side of
               an element (top, right, bottom, and left). */
    font-family: sans-serif;
}
.container_1 {
    /*background: #000;*/
    /*background-image: url("img3.jpg");*/ 
    background: white;
}
.container_1 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    /* Transformacija celog konterjnera je na sredini: */
    transform: translate(-50%, -50%); /* The transform property applies a 2D or 3D transformation to an element. 
                                      This property allows you to rotate, scale, move, skew, etc., elements. */

    width: 100%;
}
.container_1 span {                
    /*text-transform: uppercase;*/
    display: block;
}
.text1 {
    color: white;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 8px;
    margin-bottom: 20px;
    background: red;
    /*background-image: url("img3.jpg");*/ 
    position: relative;
    animation: text 3s 1;
}
.text2 {
    font-size: 30px;
    /*color: #6ab04c;*/    
    color: black;
    /*background: yellow;*/
    /*background: black;*/
    background: transparent;
}
@keyframes text { /* The @keyframes rule specifies the animation code.
                     The animation is created by gradually changing from one set of CSS styles to another.
                     During the animation, you can change the set of CSS styles many times.
                     Specify when the style change will happen in percent, or with the keywords "from" and "to", 
                     which is the same as 0% and 100%. 0% is the beginning of the animation, 100% is when 
                     the animation is complete.*/
    0% {
        color: transparent;
        margin-bottom: -40px;                    
    }
    30% {
        letter-spacing: 25px;
        margin-bottom: -40px;
    }
    85% {
        letter-spacing: 8px;
        margin-bottom: -40px;
    }
}