#obj1 {
    left: 296px;
    top: 184px;
    width: 145px;
    height: 145px;
}
#obj2 {
    left: 496px;
    top: 184px;
    width: 145px;
    height: 145px;
}
#obj3 {
    left: 206px;
    top: 355px;
    width: 145px;
    height: 145px;
}
#obj4 {
    left: 401px;
    top: 355px;
    width: 145px;
    height: 145px;
}
#obj5 {
    left: 592px;
    top: 355px;
    width: 145px;
    height: 145px;
}

#sobj1 {
    left: 144px;
    top: 175px;
    width: 655px;
    height: 65px;
}


#sobj2 {
    left: 144px;
    top: 245px;
    width: 655px;
    height: 65px;
}

#sobj3 {
    left: 144px;
    top: 313px;
    width: 655px;
    height: 65px;
}

#sobj4 {
    left: 144px;
    top: 380px;
    width: 655px;
    height: 65px;
}

#sobj5 {
    left: 144px;
    top: 450px;
    width: 655px;
    height: 65px;
}
#home {
	left: 847px;
    top: 440px;
    width: 100px;
    height: 95px;
}
#music {
	left: 847px;
    top: 440px;
    width: 100px;
    height: 95px;
}
.object.found{
    opacity: 0;
    -webkit-transform: scale(3);
    z-index: 10px;
}
.object{
    position: absolute;
   -webkit-animation: objectAnimation 0.25s 1 linear;
}

@-webkit-keyframes objectAnimation{
    from {-webkit-transform: scale(0);}
    to {-webkit-transform: scale(2);}
}


#titleGlobe{
    -webkit-animation : rotate 0.5s linear 1;
}

@-webkit-keyframes-rotate {
    from {
        -webkit-transform :rotate(0deg);
    }
    to {
        -webkit-transform : rotate(360deg);
    }
}

#title {
    top :4px;
    left :279px;
    width: 300px;
    height: 200px;
}
.hudCircle {
    top :30px;
    left :62px;
}
.hudImg {
    left: 107px; 
    top:23px;
}
#hudText {
    left: 10px; 
    top:93px; 
    font-size: 1.4em; 
    font-weight: bold;  
    width:629px;
    color:white;
}
#resultHome {
    left: 847px;
    top: 440px;
    width: 100px;
    height: 95px;
    
}
.stext1 {
    left: 50px; 
    top:200px; 
    font-size: 1.4em; 
    font-weight: bold;  
    width:655px;
    color:white;
    text-align: center;
}
.eye {
    left: 30px;
    top: 10px;
    width: 700px;
    height: 35px;
}


#proLoader{
    -webkit-text-stroke: 2px black;
    color: white;
    font-size: 3em;
    -webkit-animation: loaderAnimation 2s infinite alternate;
}

@-webkit-keyframes loaderAnimation{
    from {text-shadow: 0 0 0 black;}
    to {text-shadow: 0 0 20px black;}
}

.heart{
    -webkit-animation: pumping 0.75s infinite;
}

@-webkit-keyframes pumping{
    /*0% {-webkit-transform: scale(0.6);}
    45% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(0.6);}
    90% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(0.6);}*/
    
     0% {-webkit-transform: scale(0.3);}
    45% {-webkit-transform: scale(0.7);}
    50% {-webkit-transform: scale(0.3);}
    90% {-webkit-transform: scale(0.7);}
    100% {-webkit-transform: scale(0.3);}
}

.textButton{
    -webkit-transition: -webkit-transform 0.4s;
}

.grow{
    -webkit-transform: scale(1.3);
    
    
}