@font-face {
	font-family: resolve-bold;
	src: url(resolve-sans-w05-bold.otf)
  }
body{
    background-color: #ccc;
}
.main{

width: 100%;
display: flex;
min-height: 300px;

}

.player{


width: 40%;


}


.logo{
display: inline;
width: 20%;
margin: 5px;
margin-top: 0%;



}

img{
width: 70%;
display: block;
position: relative;
margin: 10px auto;
animation: logoanimation 3s ease-in

}

@keyframes logoanimation {
    
    0%{
opacity: 0;
    }
100%{

}

}
span{
display: block;
font-family:resolve-bold;
font-size: 2.0em;
color: #616161;
animation: textoanime 5s ease-in;

}

@keyframes textoanime {
 
    0%{
opacity: 0;
    }
    50%{
opacity: 0;

    }
   100%{
    }

}
.objplayerleft{
    display: block;
    min-width: 510px;
    min-height: 350px;
    margin-top: 50px ;
    float: right;
   
}
.objplayerright{
    display: block;
    min-width: 510px;
    min-height: 350px;
    margin-top: 50px ;
    float: left;
 
}