<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.mypanel1 {
    background-color: aliceblue;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
  } 

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

@media screen and (min-width: 768px){
  .card {
      width: 25%;
  }

}
.sizeRealis {

    /* width: auto!important; */
	width:100%;
    /* max-height: 250px; */
    /* object-fit: contain; */
	/* object-fit: cover;  */
}

.card:hover {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.card-columns .card {
	margin-bottom:15px !important;
}

@media screen and (max-width: 768px) {
	.card-deck {
		padding-right:0px !important;
	}
	
	.card-columns {
		padding-right:0px !important;
	}
}</pre></body></html>