* {box-sizing: border-box;
    text-decoration: none;}
@import url ('https://fonts.googleapis.com/css2? family = Noto + Sans + TC: wght @ 100; 300; 400; 500; 700; 900 & display = swap');

body {display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color:azure;
    font-family:sans-serif;
    min-height: 100vh;
    margin: 0 auto;
    padding: 1rem;
width: 100%;}

img { width: 100%; height: auto; }

ul,ol {
    list-style: none;
flex-direction: column;
padding: 0;}
html { height: -webkit-fill-available;}
footer {background-color: cadetblue;
    font-style: italic;
color: azure;
padding: 1em;}
header{
background-color: cadetblue;
display: flex;
padding: 1em;
margin-top: 1em;
margin-top: 1em;
align-content: center;
flex-direction: wrap;
    justify-content: space-between;
    width: 100%;
}
#logos {display: flex;
flex-direction: row-rev;
justify-content: space-around;
align-items: center;
background-color: whitesmoke;
    border-radius: .5em;
    padding: 2em;
}
.menu {display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
width: 100%;}

.menu > li {width: 100%;
padding-top: 0.5em;}

.menu > li > a {
    background-color:azure;
    border-radius: .25em ;
    color: black;
    font-weight: bold;
    padding: .40em .1em;
    text-align: center;
    display: block;}
.alumnas {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;}
.alumnas > li {display: flex;
flex-direction: column;
align-content: space-between;
width: 100%;
padding-top: 0.5em
}

.alumnas > li > a {
    background-color: azure;
    border-radius: .25em ;
    color: black;
    font-weight: bold;
    padding: .40em .4em;
    text-align: center;}
.titulo1 {
font-weight:600;
font-family:"Noto Sans TC",sans-serif;
display: flex;
justify-content: center;
align-items: center;
margin:0.5em;
}
.acumarlogo {display: flex;
justify-content: center;
align-items: center;
margin: auto;
padding: 1em;
width:40%;}
h3{
font-weight:600;
font-family:"Noto Sans TC",sans-serif;
background-color: cadetblue;
color:azure;
border-radius: 0.25em 0.25em 0.25em 0.25em;
padding: 0.5em 0.5em 0.5em 0.5em;}
h4{font-family:"Noto Sans TC",sans-serif;
    font-weight:400;
    font-style: normal;
    text-decoration:none;
    border-radius:0.25em 0.25em 0.25em 0.25em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    background-color: cadetblue;
    color: white;}
h2{ 
    font-weight:600;
    font-family:"Noto Sans TC",sans-serif;
    border-radius:0.25em 0.25em 0.25em 0.25em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    background-color: cadetblue;
    color: white;
}
section .fotografia{ 
    display: flex;
    flex-direction: row;
    align-content: center;
    padding: 1em 1em 1em 1em ;
    justify-content: center;
    background-color: lightcyan;
    text-decoration: none;
    color:black}
p .fotografia {
justify-content: center;
align-content: center}
p {margin: 1em;}
fitcaption{
    color: cadetblue;
    font-family: "Noto Sans TC",sans-serif;}
font-weight:900;
padding:2em 2em 2em 2em;
}
header nav ul li a:hover {
    background-color: black;
    color:white;}
@media screen and (min-width: 600px) {
    
    header .contenedora {
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50em;
    margin: auto;}    
    main .contenedora {display: flex;
    flex-direction: column;
    align-content: center;
    width: 50em;
    margin: auto;}
    
    .datos {display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1em;}
    footer .contenedora {display: flex;
    margin: 1em;}
    #logos {display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-content: center;
    padding: 2em;
    width: 25em;
   background-color: azure}
    
    #acumar {width: 70%}
     
    .menu {width: 20em;}
    
    .alumnas {width: 20em;}

}