html, body{
    margin: 0;
    padding: 0;
}
div#scene{
    position: absolute;
    border: 1px solid black;
    width: 728px;
    height: 90px;
    background-color:#015b7f ;
    box-sizing: border-box;
    z-index: 1000;
    overflow: hidden;
    
}

div#Circle{
    position: absolute;
    z-index: 8;
    width:71px;
    height: auto;
    opacity: 0;
    left:43px;
    top: 7px;
    animation-name: Circle-In-Out;
    animation-duration: 8.8s;
    animation-delay: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

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

div#Txt02{
    position: absolute;
    z-index: 13;
    left: 140px;
    top: 36px;
    opacity: 0;
    animation-name: Txt01-FadeIn;
    animation-duration: 2.6s;
    animation-delay: 3.7s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

div#Txt03{
    position: absolute;
    opacity: 0;
    z-index: 0;
    left: 140px;
    top: 36px;
    animation-name: Txt03-FadeIn;
    animation-duration: 2.6s;
    animation-delay: 6.4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

div#Link{
    position: absolute;
    opacity: 0;
    z-index: 0;
    left: 380px;
    top: 40px;
    animation-name: Logo-FadeIn;
    animation-duration: .5s;
    animation-delay: 9.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

div#LogoCanada {
    position: absolute;
    z-index: 8;
    width: 87px;
    height: 54px;
    opacity: 0;
    left: 591px;
    top: 33px;
    animation-name: Logo-FadeIn;
    animation-duration: 0.5s;
    animation-delay: 6.4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes Circle-In-Out{
    0% {opacity:0}  
    15% {opacity: 1;}
    85% {opacity: 1;}
    100% {opacity: 0;}

}

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

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

@keyframes Txt03-FadeIn{
    0%{opacity:0}  
    10% {opacity: 1;}
    80% {opacity: 1;left: 140px;}
    100% {opacity:1;left: 26px;}
}