*{
    box-sizing:border-box;
    margin: 0; height: auto;
}

header{
    background: lightgoldenrodyellow;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20vh;
}

main{
    width: 100% ;height: 65vh;
    display: flex;
    justify-content: center;
    align-items:center ;
}

footer{
    background: lightgoldenrodyellow;
    width: 100%; height: 15vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#principal{
    border: 1px solid black;
    background-color: lightgoldenrodyellow;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 70%; height: 50vh;
}

.trabajos{
    font-size: 1.5rem;
    margin: 10px;
}