/*Дефолтные стили*/
* {
  padding: 0;
  margin: 0;
  /*font-family: "Orbitron", sans-serif;*/
  /*font-optical-sizing: auto;*/
  /*font-weight: 500;*/
  /*font-style: normal;*/
  
  /*font-family: "Play", sans-serif;*/
  /*font-weight: 400;*/
  /*font-style: normal;*/
  
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
  background: #171a21;
  color: #c5c3c0;
  font-size: 18px;
}

a {
  color: #c5c3c0;
}

img {
  width: 100%;
  height: 100%;
}

label {
  /*display: block;*/
}

input {
  padding: 10px;
  margin: 0;
  border-radius: 3px;
  border: 1px solid black;
  outline: none;
  box-sizing: border-box;
  vertical-align: middle;
}

input:not([type="checkbox"]) {
  width: 100%;
}

select {
  width: 100%;
  padding: 10px 40px 10px 10px;
  border-radius: 3px;
  border: 1px solid black;
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 24 24' fill= 'none' stroke= 'black' stroke-width= '2' stroke-linecap= 'round' stroke-linejoin= 'round' %3e%3cpolyline points= '6 9 12 15 18 9' %3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
  box-sizing: border-box;
}

button {
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  
  padding: 10px;
  border: unset;
  border-radius: 3px;
  background-color: #00a3d0;
  color: white;
  text-transform: uppercase;
}

button:disabled {
  cursor: not-allowed;
  background-color: #6d6d6d;
}

button:hover:not(:disabled) {
  background-color: #008db4;
}

button:active:not(:disabled) {
  background-color: #007797;
}

button.error {
  background-color: #d00000;
}

button:hover.error {
  background-color: #b40000;
}

button:active.error {
  background-color: #970000;
}