@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;900&display=swap');
*{padding: 0;transition: all 1s;}
body{background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);font-family:'Playfair Display', serif;}


header{font-family: Georgia, 'Times New Roman', Times, serif;text-align: center;}
h1{color: rgb(207, 23, 124);font-size:2rem}
h2{color: rgb(0, 20, 73);}
h3{color: rgb(0, 20, 73);}
 p{color: rgb(138, 13, 13); font-size: 0.7rem}

 li {font-weight:900;font-size: 1.5rem;list-style-type:none; text-align: center; }
 ol li{font-weight:400;font-size: 1.0rem; list-style-type: none;text-align: center; }

 section article{padding: 1rem; margin: 0.5rem; }

 .mifoto{border-radius: 50%;margin-top: 1rem;}
 .fotofadu{margin-top: 2rem;}

 .datospersonales{text-align: center;}


.compas{background: #797ca8; padding: 0rem; text-align:center; border-radius: 0.5rem; margin-left: 1rem; margin-right: 1rem;}
    a{color: white; text-decoration: none;padding: 0.5rem; font-weight: 200; font-size:1rem;} 
 
/* menu */
 nav{background: #df89b5; padding: 0.5rem; text-align:center; border-radius: 0.5rem; margin-left: 1rem; margin-right: 1rem;}
 nav ul li{display: inline-block ;padding: 0.5rem;}
 nav ul li a{ color: white; text-decoration: none;padding: 1rem; font-weight: 400; font-size:1.2rem;}


 /* VERSION GRANDE */
 @media (min-width:576px) {

    body{background-image: linear-gradient(to top, #df89b5 0%, #bfd9fe 100%);}
    header{text-align: center;}

 /* menu */
    nav{background: #585b9f; padding: 0.5rem; text-align: center; border-radius: 0.5rem; margin-left: 1rem; margin-right: 1rem;}
    nav ul li{display: inline-block ;padding: 0.5rem;}
    nav ul li a{ color: white; text-decoration: none;padding: 1rem; font-weight: 400; font-size:1.5rem;}

    .compas{background: #797ca8; padding: 0rem; text-align:center; border-radius: 0.5rem; margin-left: 1rem; margin-right: 1rem;}
    a{color: white; text-decoration: none;padding: 1rem; font-weight: 400; font-size:1.2rem;}

    
    section {display:flex;justify-content:space-around;}
    section article{width:50%;background-color: #afb2e9; background-image: radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
        background-blend-mode: screen, overlay;;}

 }