@import url(animation_stylesheet.css);
@import url(backend.css);
@import url(color.css);

.custom_mx-40{
  margin: 40px;
}

.custom_mx-top-0{
  padding-top: 0!important;
}

.custom_img{
  width: 60%; 
  height: 50%; 
  object-fit: cover;
}


.custom_with-50{
  width: 50vw;
}

.m-4{
  margin: 40px;
}

.custom_mx-top-0{
  padding-top: 0!important;
}

.custom_max-height-200{
  max-width: 200px;
}

.custom_max-height-300{
  max-width: 300px;
}

.custom_iframe {
  aspect-ratio: 16/9;
}

.top{
  top:5rem;
}

.wrongData{
  border-color: var(--bs-form-invalid-border-color) !important;
  padding-right: calc(1.5em + .75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(.375em + .1875rem) center !important;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}