html, body{
    margin: 0;
    padding: 0;
}

div#scene{
    position: absolute;
    border: 1px solid black;
    width: 970px;
    height: 250px;
    background-color:#015b7f ;
    box-sizing: border-box;
    z-index: 1000;
    overflow: hidden;
    
}

div#Photo{
    position: absolute;
    z-index: 8;
    width:485px;
    height: auto;
    left: 0px;
    top: 0px;
}

div#Txt01{ 
    position: absolute;
    left: 525px;
    top: 41px;
    opacity: 0;
    animation-name: Txt01-FadeIn;
    animation-duration: 2.8s;
    animation-delay:0.4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

div#Txt02{
    position: absolute;
    z-index: 13;
    left: 525px;
    top: 41px;
    opacity: 0;
    animation-name: Txt01-FadeIn;
    animation-duration: 2.8s;
    animation-delay: 3.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

div#Txt03{
    position: absolute;
    width: 227px;
    height: 89px;
    opacity: 0;
    z-index: 0;
    left: 525px;
    top: 41px;
    animation-name: Txt03-FadeIn;
    animation-duration: 0.5s;
    animation-delay: 6.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

div#LogoCanada {
    position: absolute;
    z-index: 8;
    width: 111px;
    height: 26px;
    opacity: 1;
    left: 825px;
    top: 194px;
}

@keyframes Txt01-FadeIn{
    0% {opacity:0;}  
    15% {opacity: 1;}
    85% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes Txt03-FadeIn{
    from {opacity:0}  
    to {opacity: 1;}
}