.header {
    border: blue 2px solid;
    background: blue;
    max-width: 70%;
    margin: 50px 15% 0px 15%;
    font-family: Helvetica, sans-serif;
    color: white;
    text-align: center;
}

.left {
    border: blue 2px solid;
    background: white;
    width: 14.25%;
    height: 1000px;
    float: left;
    margin: 10px 5px 10px 15%;
    font-family: Helvetica, sans-serif;
    color: blue;

    .nav {
        border: blue 2px dashed;
        margin: 8px 8px;
        padding: 8px 8px;
    }
    .leftimage {
        border: blue 2px dashed;
        margin: 8px 8px;
        padding: 8px 8px;
        height: 200px;
    }
    .currently {
        border: blue 2px dashed;
        margin: 8px 8px;
        padding: 8px 8px;
    }
    
}

.right {
    border: blue 2px solid;
    background: white;
    width: 54.25%;
    height: 1000px;
    float: right;
    margin: 10px 15% 10px 5px;
    font-family: Helvetica, sans-serif;
    color: blue;

    .coffeegb {
        border: blue 2px dashed;
        margin: 8px 8px;
        padding: 8px 8px;
        height: 400px;
        text-wrap: inherit;
        overflow-y: scroll;
    }
    
}

.footer {
   border: transparent;
    background: white;
    max-width: 70%;
    margin: 10px 15% 50px 15%;
    font-family: Helvetica, sans-serif;
    color: blue;
    text-align: center;

    .remolino {
        text-align: center;
    }
    .autor {
        text-align: center;
    }

}