html,
 body {

     height: 100vh;
 }

 body {
     background: #A555B2;
     background: radial-gradient(circle, rgba(165, 85, 178, 1) 0%, rgb(130, 41, 168) 52%, rgba(105, 20, 132, 1) 100%);
 }

 .buttons-media {
     top: 70%;
     left: 30%;
     transform: translate(-50%, 0%);
     position: absolute;
 }

 #social-platforms {
     text-align: center;
     overflow: hidden;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     box-sizing: border-box;
     box-shadow: 0 15px 25px rgba(0, 0, 0, .6);
     border-radius: 10px;
 }

 .img-social:focus,
 .img-social:hover {
     opacity: 0.7;
 }

 .buttons-media div {
     height: 8vh;
 }

 .img-social {
     display: inline-block;
     cursor: pointer;
     width: 100%;
 }

 /* Estilos para teléfonos portrait*/
 @media (max-width: 600px) and (orientation: portrait) {
     .fondo {
         content: url("./assets/card_david_portrait.png");
     }

     .img-social {
         width: 25%;
     }

     .buttons-media {
         top: 36%;
         left: 50%;
         transform: translate(-50%, 40%);
         position: absolute;
     }

     .buttons-media div {
         height: auto;
     }
 }

 /* Estilos para teléfonos landscape*/
 @media (max-width: 600px) and (orientation: landscape) {
     .fondo {
         content: url("./assets/card_david_landscape.png");
     }

     .img-social {
         width: 15%;
     }

     .buttons-media div {
         height: auto;
     }

     #social-platforms{
       height: 90%;
     }
 }

 /* Estilos para tablets portrait*/
 @media (min-width: 601px) and (max-width: 900px) and (orientation: portrait) {
     .fondo {
         content: url("./assets/card_david_portrait.png");
     }

     .img-social {
         width: 70%;
     }

      .buttons-media {
         top: 36%;
         left: 50%;
         transform: translate(-50%, 40%);
         position: absolute;
     }

     .buttons-media div {
         height: auto;
     }
 }

 /* Estilos para tablets */
 @media (min-width: 601px) and (max-width: 900px) and (orientation: landscape) {
     .fondo {
         content: url("./assets/card_david_landscape.png");
     }

     .img-social {
         width: 70%;
     }

     .buttons-media div {
         height: auto;
     }
 }

 @media (min-width: 901px) and (max-width: 1200px) {
     .fondo {
         content: url("./assets/card_david_landscape.png");
     }

     .img-social {
         width: 70%;
     }
 }

 @media (min-width: 1400px) {
     .fondo {
         content: url("./assets/card_david_landscape.png");
     }

     /* .buttons-media div{
        height: 7em;
     } */
 }