@charset "UTF-8";

*{  
    padding: 0px;
    margin: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
html, body{ 
    background-color: black;
    height: 100vh;
    width: 100vw;
}

body{   
    background: url('imagens/fundo-madeira.jpg') no-repeat  top center;
    background-size: cover;
    background-attachment: fixed;
}

main{   
    position: relative;
    height: 100vh;
   
    
}

section#telefone{   
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background:url('imagens/frame-iphone.png') no-repeat ;
   
    
    
    width: 311px;
    height: 627px;
}

iframe#tela{ 
   position:relative ; 
   top: 80px;
   left: 22px;
   width: 267px;
   height: 471px;
   

}

section div{    
    
    text-align: right;
}


img{  
    position: relative;
    top: 100px;
    left: 0px;
    
    border-radius: 50%;
    width: 60px;
    margin: 10px;
    box-sizing: border-box;
    
    
}
img:hover{  
    border: 2px solid white;
    transform: translate(-3%, -3%);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.658);
    transition: transform .3s, border .3s ;
}