body{
    background-color:  white;

}

header{
    background-color: white;

}

main{
    background-color:  white;

}
.row {
    margin: 0;
    border: none;
    background-color: rgba(51, 50, 50, 0.925);
}

.row::after {
    content: "";
    clear: both;
    display: table;
}
.cursor {
    cursor: pointer;
}
.thumb{
    width: 24%;
    margin: 2.25px;
    cursor: pointer;
    
}

.thumbnails{
    align-content: right;
   /* background-color: dodgerblue;*/
    width: 80%;
    margin: 5px auto;


}

.titlebox{
    background-color: rgba(51, 50, 50, 0.925);
    height: 3em;

}

#title{
    font-size: 2em;
    margin: 2px;
    text-align: center;
    color: white;

}

.main_image{
    width: 70%;
    background-color:  rgba(51, 50, 50, 0.925);
    float: left;
    

}

#focused{
    width: 100%;
    
    
}

.secondary_image{
    width: 30%;
    background-color:  rgba(51, 50, 50, 0.925);
    float: left;
    
    

}
#nonfocused{
    width: 100%;
    
    
}


.info_container{
    background-color: rgba(51, 50, 50, 0.925);
    width: 30%;
    float: left;

}
.info_container::after{
    clear: both;
}
article{
    width: 95%;
    margin: 4px;
    color: white;
    font-size: 1.25em;
}

#boxname{
    padding: 1px;

}

#boxspecie{
    padding: 1px;

}

#typebox{
    padding: 1px;

}

#boxdescript{
    padding: 1px;
}

#boxprice{
 
    text-align: center;
    font-size: 1.5em;

}


.active,
.thumb:hover {
    opacity: 0.6;
}