body{
    margin: 0px;
}
.container{
        display: grid;
        grid-template-columns: 1fr;
        
}
.logo{
        background-size: cover;    
}
.wrapper{
        display: flex;
        width: 100%;
        position: relative;
}
.player{
          background-size: cover;
}
.cube {display: inline-block;}

table{
    border-collapse: separate;
    border-spacing: 10px 0;
}

.fblink a, .twlink a, .iglink a  {
    display: flex;    
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.fblink{
    background: blue;
}
.fblink a:before{   
    content:'\f30c';    
}

.twlink{
    background: lightblue;
}

.twlink a:before{   
    content:'\f309';
}

.iglink{
    background: red;

}
.iglink a:before{   
    content:'\f32d';
}

.cube {display: inline-block;}