@charset "utf-8";
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap');
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
</style>
*{
    max-width: 50em;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction:column;
    align-content:space-around;
    flex-wrap: wrap;
    justify-content: center;   
} 
.header{
                                    background-color: darksalmon;
                                    align-content: center
                                    border-radius: 20px;
                                }
 
#Tema {
                                font-family: 'montserrat';
                                font-weight: 700;
                                font-size: 1.7em;
                                color: beige;
                                background-color: darksalmon;
                                border-radius: 20px;
                                text-align: center;
                                display: flex;
                                flex-direction: column;
                                min-height: 150vh;
                                min-height:-webkit-fill-available;
                                flex-wrap: wrap;
                                }

div.menu{
                                color: beige;
                                font-family: 'montserrat';
                                text-align: center;
                                display: block;
                                flex-direction:column;
                                align-items: center;
                                overflow: visible;
                                float: left;
                                background-color: darksalmon;
                                margin: 0px 0 10px 0;
                                padding: 10px 100px;
                                justify-content: center;
                                border-bottom-left-radius: 20px;
                                border-bottom-right-radius: 20px;
                                flex-wrap: wrap;
                                }

#jt03, #plan, #mapa, #webapp{
                                background-color: darksalmon;
                                margin: 20px, 30px;
                                font-family: 'montserrat';
                                font-size: 1.2em;
                                font-weight: 700;
                                color: beige;
                                text-decoration: none;
                                align-content: center;
                                text-align: center;
                                display: block;
                                flex-direction:column;
                                align-items: center;
                                overflow: visible;
                                float: left;
                                padding: 0 110px;
                                flex-wrap: wrap;
                                }

.datos{
                                background-color: beige;
                                flex-wrap: wrap;
                                }

#camila{
                                font-family: 'montserrat';
                                font-weight: 700;
                                color: salmon;
                                text-align: center;
                                letter-spacing: 0.5px;
                                width: 100%;
                                display: inline-block;
                                margin:1em 0em 0em 0em;
                                justify-content: center;
                                flex-wrap: wrap;
                                }

#avatar {
                                    height: 200px;
                                    width:200px;
                                    background-position: 50%;
                                    border-radius: 20px;
                                    background-size: 100%; 
                                    margin: 20px  560px;
                                    display: flex;
                                    flex-direction: column;
                                    flex-wrap: wrap;
                                }

#academico h3{
                                font-family: 'montserrat', sans-serif;
                                font-weight: 700;
                                color: salmon;
                                text-align: center;
                                letter-spacing: 0.5px;
                                width: 100%;
                                display: inline-block;
                                margin:0.5em 0em 1em 0em;
                                flex-wrap: wrap;
                                }

#academico{
                                font-family: 'montserrat';
                                font-weight: 400;
                                color: salmon;
                                text-align: center;
                                width: 100%;
                                display: inline-block;
                                margin: 0 0 1em 0;
                                justify-content: center;
                                flex-wrap: wrap;
                                
                                }

.materias{
                                background: beige;
                                flex-wrap: wrap;
                                }

.aprobadas{
                                font-family: 'montserrat', sans-serif;
                                font-weight: 400;
                                color: salmon;
                                text-align: center;
                                width: 450px;
                                font-size: 1.2em;
                                background-color: rgba(255, 146, 108, 0.2);
                                display: flex;
                                flex-direction: column;
                                min-height: 50vh;
                                border-radius: 20px;                             
                                margin: 20px, 30px;
                                text-decoration: none;
                                align-content: center;
                                text-align: center;
                                display: block;
                                flex-direction:column;
                                align-items: center;
                                overflow: visible;
                                float: left;
                                padding: 0 110px;
                                flex-wrap: wrap;
                                }
                    
.aprobadas h3{
                                font-family: 'montserrat', sans-serif;
                                font-weight: 700;
                                color: salmon;
                                text-align: center;
                                width: 500px;
                                flex-wrap: wrap;
                                }

.cursando{
                                font-family: 'montserrat', sans-serif;
                                font-weight: 400;
                                color: salmon;
                                text-align: center;
                                width: 655px;
                                font-size: 1.2em;
                                background-color: rgba(255, 146, 108, 0.2);
                                display: flex;
                                flex-direction: column;
                                min-height: 50vh;
                                border-radius: 20px;
                                margin: 20px, 30px;
                                flex-wrap: wrap;
}

.cursando h3{
                                font-family: 'montserrat', sans-serif;
                                font-weight: 700;
                                color: salmon;
                                text-align: center;
                                width: 605px;
                                flex-wrap: wrap;
                                }

footer{
    background-color: beige;
    margin: auto;
    padding-bottom: 50px;
    text-align: center;
    display: flex;
    flex-direction:column;
    align-content:space-around;
    flex-wrap: wrap;
    justify-content: center;   
}

footer img{
                                width: 90px;
                                margin: 1.8em 1em 0.2em 0em;
                                }

footer p {
                                text-align:left;
                                max-width: 50em;
                                font-family: 'montserrat', sans-serif;
                                font-size: 0.8em;
                                font-weight:400;
                                font-style:italic;
                                color: salmon;
                                margin: 0.5em 0em 0em 0em;
                                }

.foot1 { 
                                display: flex;
                                flex-direction: row;
                                align-items:center;
                                }

.foot2{ display: flex;
                                flex-direction: row;
                                align-items:flex-start; 
                                }

.foot3{
                                display: flex;
                                flex-direction:center;
                                align-items:center;  
                                }