.navbar{border-bottom:1px solid #dbdbdb}.page-title{font-size:30px}.main{display:-webkit-box;display:-ms-flexbox;display:flex}.conteiner{width:50%;height:100%;padding:1rem 0}.conteiner__header{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.conteiner__header button,.conteiner__header input{margin:.5rem}.conteiner__header .titie{font-size:20px}.conteiner__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2rem 0;overflow:auto}.number-field{width:45px;height:30px;text-align:center}@media (max-width:480px){.main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.conteiner{width:100%;padding:1rem 1rem}.conteiner__header{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}