body {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

#bg {
    min-height: 690px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top;
    padding: 0;
    margin: 0;
}

.index_main_page {
    min-height: 690px;
}

.main_page_text {
    min-height: 400px;
    max-width: 700px;
    padding-left: 220px;
    padding-top: 190px;
}

.list_rows_main_page{
    list-style: none;
    font-family: cursive;
}

.main_page_text_h1 {
    line-height: 1.9;
    font-weight: 800;
    font-family: Cursive
}

.main_page_text_h2 {
    line-height: 1.9;
    font-weight: 700;
}

.main_page_text_h3 {
    line-height: 1.9;
    font-weight: 600;
}

#side-bar_fluid {
    max-width: 250px;
    min-height: 690px;
}

.side-bar_container {
    padding: 0;
    margin: 0;
    max-width: 250px;
    min-height: 690px;
    border: black solid;
    background-color: #212529;
}

.warehouse_main_page {
    max-width: 1512.800px;
    min-height: 690px;
    border-top-color: #212529;
    display: flex;
}

.accordion {
    --bs-body-color: #282828;
    --bs-accordion-active-bg: #91b9ff;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: #212529;
}

#bg2 {
    min-height: 690px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top;
    padding: 0;
    margin: 0;
    flex-grow: 1;
    overflow: hidden;
}

.warehouse_main_data {
    min-height: 690px;
}

#titles_warehouse {
    padding-top: 300px;
}

.warehouse_h2_text {
    text-align: center;
    font-family: cursive;
    font-weight: 400;
}

.warehouse_h3_text {
    text-align: center;
    font-family: cursive;
    font-weight: 600;
}

#form_warehouse {
    padding-top: 230px;
}

.form_category {
    padding-top: 20px;
    border: solid #939299;
    border-radius: 5px;
    background: linear-gradient(90deg,rgba(235, 235, 235, 1) 0%, rgba(202, 202, 202, 1) 80%, rgba(186, 187, 189, 1) 100%);
}

.small-form-label{
    padding-bottom: calc(.375rem + var(--bs-border-width));
    padding-left: 40px;
    padding-right: 20px;
    width: 122px;
    line-height: 1.5;
    font-size: 20px;
}

.form_button {
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
}

.form-control:focus {
    border-color: #939299;
    box-shadow: rgba(147, 146, 153, 1) 0px 0px 0px 3px;
}

.form-select:focus {
    border-color: #939299;
    box-shadow: rgba(147, 146, 153, 1) 0px 0px 0px 3px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(1);
}

.card_label {
	display: block;
	perspective: 1000px;
	transform-style: preserve-3d;
	cursor: pointer;
}

.flip-card {
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform-style: preserve-3d;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}

.flip-card .front,
.flip-card .back {
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff;
	backface-visibility: hidden;
	border-radius: 20px 20px 20px 20px;
}

.flip-card .back {
	transform: rotateX(180deg);
	color: #000;
	background: #fff;
}

.card_label:hover .flip-card {
	transform: rotateX(2deg);
	box-shadow: 0 20px 20px rgba(50, 60, 60, 0.2);
}

.card_input {
	display: none;
}

:checked + .flip-card {
	transform: rotateX(180deg);
}

.card_label:hover :checked + .flip-card {
	transform: rotateX(175deg);
	box-shadow: 0 20px 20px rgba(255, 255, 255, 0.2);
}

.all_cards_main {
    min-height: 690px;
    max-width: 1262.8px;
    width: 1262.8px;
    height: 690px;
    background: linear-gradient(90deg,rgba(235, 235, 235, 1) 0%, rgba(202, 202, 202, 1) 80%, rgba(186, 187, 189, 1) 100%);
}

.warehouse_footer {
    text-align: center;
    margin-top: 30px;
}

@media (max-width: 880px){
    .all_cards_main, .warehouse_main_data, .warehouse_main_page, .side-bar_container {
    height: 840px;
    }
}

@media (max-width: 612px){
    .all_cards_main, .warehouse_main_data, .warehouse_main_page, .side-bar_container {
        height: 1150px;
    }
}

.delete_rows {
    text-align: center;
    font-size: 30px;
}

.delete_button {
    margin-left: 25px;
}

.delete_card_label {
    font-size: 20px;
    text-align: center;
}

.exception_page {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: black;
}

@keyframes slide-in1 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

#exception_navbar {
    background-color: #1d2221ed;
    border: #1d2221ed solid;
    border-radius: 15px;
    animation: slide-in1 1.5s ease-in-out;
}

.exception_main_block {
    max-width: 1512.800px;
    min-height: 675px;
    background-color: black;
    display: flex;
}

@keyframes slide-in2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.exception_main_text {
    margin-top: 40px;
    margin-left: 70px;
    transition: 2s;
    width: 650px;
    height: 600px;
    border: #1b201f solid;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top;
    animation: slide-in2 2s ease-in-out;
}

.exception_h1_text {
    padding-top: 40px;
    padding-left: 40px;
    color: #fffff8;
    font-size: 60px;
}

.exception_p_text {
    padding-top: 40px;
    padding-left: 40px;
    color: #fffff8;
}

@keyframes appearing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.exception_main_picture {
    margin-top: 40px;
    margin-left: 70px;
    width: 700px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top;
    animation: appearing 8s ease;
}

.exception_button {
    padding-left: 40px;
    padding-top: 200px;
    justify-content: left;
}