html { height: 100%; }

main {
    float: left;
    margin-bottom: 250px;
    width: 950px;
}

img#raya {
    width: 950px;
    }
p#textonota { 
    margin-top: 30px;
    float: left;
    width: 550px;}

.comentario {
    font-size: 10pt;
    float:left;
    color: #d61239}

div#titulo {
    float: left;
    width: 960px;
    background-color: rgb(223, 95, 113);
    border-radius: 10px;
    }
.principal {
    padding-left: 20px;
    color: #fff
    
    }

div#apuntes {
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(219, 137, 137, 0.55);
    margin-left: 30px;
    margin-top: -630px;
    float: left;
    width: 350px;}

div#apuntes a {color: rgb(57, 57, 57);
    line-height: 30px;}

div#apuntes a:hover {color: rgb(224, 87, 108);}