/* Foto de portada*/
*{margin: 0; padding: 0; box-sizing: 0;}
header {
    padding: 24px;
    padding: 4rem 1rem 1rem 4rem;
    text-align: center;
    background-image: url(../img/sivectorvioleta.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}

/*body {background-color: #0F2624}*/
h6 {color: black; text-align: center;}

/* Menu */
/*body nav {padding: 0rem; top: 200; width: 100%;}
body nav a {text-align: right; margin: 1%;  padding: 3%; transition: all 200ms ease-in-out; font-family: "ibm plex sans", sans-serif; font-weight: 700; font-size: 200%;}
nav a:hover {font-size: 1.1rem; margin: 2%; padding: 3%; transition 180ms ease-in-out; width: 20%;}
.link-activo{background:#40F2D2; padding: 12px;
    border-radius: 36px;
    border:2px solid rgb(#4e45ff);}

*{margin: 0; padding: 0; box-sizing: 0;}
nav ul {margin-bottom: 0; margin: 0; padding: 1.2rem;}
nav ul li{display: inline-block; text-transform: uppercase; width: 12.5rem;}
nav ul li a{color:white; text-decoration: none; padding: 1rem;}

.menu {display: flex; justify-content: center ; list-style: none ; justify-content: space-between;margin-left: 10rem;margin-right: 14rem;}*/




header {font-family: "ibm plex sans", sans-serif;}

    header nav {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
        text-align: center;
        margin-left: 6.5rem;
        margin-top: -3rem;
    }


    header .menu {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        list-style: none;
        width: 100%;
    }

    header .menu li {
        text-align: center;
        flex: 1;
    }

    header .menu a {
        text-align: left;
        transition: all 200ms ease-in-out;
        font-weight: 500;
        font-size: 10px;
        line-height: 42px;
        text-decoration: none;
        color: white;
    }

/*header nav a:hover {font-size: 1.1rem; margin: 2%; padding: 3%; transition 180ms ease-in-out; width: 20%;}
.link-activo{background:#40F2D2; padding: 12px;
    border-radius: 36px;
    border:2px solid rgb(#4e45ff);}*/

header .menu li .link-activo {
        background: #40F2D2;
        padding: 12px 15px;
        border-radius: 36px;
        border: 2px solid rgb(#4e45ff);
    }

.fadumove {
    width: 110px;
}

/* Flowchart y Wireframes */
main section h2 {color: #4e45ff; text-align: center; font-family: "ibm plex sans", sans-serif; font-size: 40px;}
main section iframe {margin-left: 13rem;}

/* Footer */
footer {background: #3C3C43; padding: auto;text-align: center;}
footer p{font-size: 0.3rem; margin-left: 3rem; margin-right: 3rem; color: white;}
footer a{font-size: 0.5rem; text-decoration: none; color: white;}