:root {
  --color__light: rgb(242, 242, 247);
  --color__dark: rgb(2, 4, 13);
  --color__menu-background: rgb(2, 4, 13, 0.9);
  --color__blue: rgb(26, 82, 211);
  --color__background-input-field_nofocus: rgb(27, 29, 37);
  --color__background-input-field_focus: rgb(57, 59, 73);
  --color__error-prompt-message: rgb(159, 0, 0);
  --color__input-background-gray: rgb(27, 29, 37);
  --color__input-background-light-gray: rgb(132, 133, 144);
  --color__link-blue: rgb(155, 182, 222);
  --color__novalid-prompt-message: rgb(159, 0, 0);
  --color__valid-prompt-message: rgb(0, 159, 83);
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Roboto';
  background-color: var(--color__dark);
}

.hoverZoom:hover {
  cursor: pointer;
  transform: scale(1.1);
  transition: cubic-bezier(.3,0,.83,.67);
  transition-duration: .3s;
}

.linkMobile:hover {
  transform: scale(1.1);
  transition-duration: .1s;
}

.sendHover:hover {
  cursor: pointer;
  transform: scale(1.02);
  transition: cubic-bezier(.3,0,.83,.67);
  box-shadow: 3px 3px 20px rgba(235, 239, 245, .2);
  transition-duration: .3s;
}