.container {
	max-width: 1000px;
}

.main-wrapper {
  height: 100vh;  
}

.main-section {
  height: 90%;  
  display: block;
  flex-direction: row;
  justify-content: center;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.navbar {
    box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
}

.ul_right_navbar {
  right: 0;
  left: auto;
}


.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}