@import url("https://fonts.googleapis.com/css?family=Montserrat:400,900&display=swap");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-size: 100%;
  font-weight: 400;
}

html,
body {
 
  background-color: rgb(0, 100, 104);
  color: #c5c5c5;
}

.main-container {
  position: absolute;
	left: 300px;
	top: 121px;
	z-index: 2;

  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main-container .container {
  
  

  width: 100%;
}

.main-container .container select {
  

  width: 100%;
}

.main-container .sec-container {

  
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.main-container .sec-container .mini-container {
  padding: 50px ;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-container .sec-container .mini-container input[type="number"] {
  border: 0;
  background-color: rgb(0, 100, 104);
  color: #eeeeee;
  font-weight: 900;
  height: 60px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.main-container .sec-container .mini-container input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: none;
}

.main-container .sec-container .mini-container select {

  
  border-radius: 0px 0px 5px 5px;
  text-align: center;
}

select {

  border-radius: 5px;
  width: 100%;
  border: 0;
  height: 40px;
  background-color: rgb(0, 100, 104);
  color: #eeeeee;
  text-align: center;

  
}

select:hover {
  cursor: pointer;
  background-color: rgb(0, 100, 104);
}

.mt-1 {
  margin-top: 8px;
}

.mt-2 {
  margin-top: 16px;
}

.mt-3 {
  margin-top: 24px;
}

.mt-4 {
  margin-top: 32px;
}

.mt-5 {
  margin-top: 40px;
}
/*# sourceMappingURL=app.css.map */