html { height: 100%; }

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

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

p#textonota a {margin-top: 100px;}

p#textonota a:hover {
    color: #e53371}

.ilusnota img{
    margin-top: 50px;
    margin-bottom: 20px;
    width: 650px;}

div#nota1 {
    width: 680px;
    padding-left: 30px;
    padding-top: 30px;
    margin-top: 100px;
    border-radius: 10px;
    background-color: rgb(254, 234, 255)}

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

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