*{
    box-sizing: border-box;
}
body{
    background-color: rgb(125, 168, 211);

}

p{
    font-size: 16pt;
}

div.header{
    background-color: rgb(13, 56, 45);
    margin: -8px;
    text-align: center;
}
div.container{
    margin-top: 8px;
    position: relative;
    display: inline-block;
    text-align: center;
    border-style: groove;
}

div.PE{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(3, 3, 3, 0.616);
    font-size: 15pt;
}

div.proyecto{
    position: relative;
    display: inline-block;
    text-align: center;
    background-color:rgba(255, 255, 224, 0.603);
    color: rgb(43, 61, 102);
    border-style:dashed;
    border-color: rgb(0, 0, 0);
    font-size: 18pt;
}
div.menu-proyectos{
    flex: 25%;
    background-color: rgb(13, 56, 45);
    padding:20px;
    color: rgb(149, 207, 102);
    font-size: 15pt;
}
div.contenido{
    flex: 75%;
    background-color: rgb(255, 255, 255);
    padding: 20px;
}
div.row{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px;
}
div.pie{
    background-color: black;
    color: white;
    text-align: center;
    flex: 75%;
    
    padding: 20px;
}


div.container2{
    position: relative;
    display: inline-block;
    text-align: center;
    padding-block-start: inherit;
    
    padding-inline: 80px;

}
div.subtemas{
    margin: 10px;
    margin-top: -10px;
    text-align: center;
    
}
div.proyecto2{
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 18pt;
    text-align: center;
}

a {
    text-decoration-line: none;
    text-decoration: none;
    color: rgb(149, 207, 102);
}

a:hover {
    text-decoration-line: none;
    text-decoration: none;
    color: rgb(213, 255, 180);
}

a:visited {
    text-decoration-line: none;
    text-decoration: none;
    color: rgb(104, 155, 65);
}