@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Regular.eot');
	src: local('Roboto'), local('Roboto-Regular'),
		url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Roboto-Regular.woff2') format('woff2'),
		url('/fonts/Roboto-Regular.woff') format('woff'),
		url('/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Medium.eot');
	src: local('Roboto Medium'), local('Roboto-Medium'),
		url('/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Roboto-Medium.woff2') format('woff2'),
		url('/fonts/Roboto-Medium.woff') format('woff'),
		url('/fonts/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Bold.eot');
	src: local('Roboto Bold'), local('Roboto-Bold'),
	url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Roboto-Bold.woff2') format('woff2'),
		url('/fonts/Roboto-Bold.woff') format('woff'),
		url('/fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Black.eot');
	src: local('Roboto Black'), local('Roboto-Black'),
		url('/fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Roboto-Black.woff2') format('woff2'),
		url('/fonts/Roboto-Black.woff') format('woff'),
		url('/fonts/Roboto-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
  
body {
	margin: 0;
	min-width: 320px;
}

main {
	display: block;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
  
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
  
a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

  
b, strong {
	font-weight: bolder;
}
  
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
  
small {
	font-size: 80%;
}
  
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
  
sub {
	bottom: -0.25em;
}
  
sup {
	top: -0.5em;
}
  
img {
	border-style: none;
}
  
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button, input {
	overflow: visible;
}
  
button, select {
	text-transform: none;
}
  
button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

  
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
  
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
  
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
  
progress {
	vertical-align: baseline;
}
  
textarea {
	overflow: auto;
}
  
[type="checkbox"],  [type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto;
  }
  
  
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
  
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
  
details {
	display: block;
}
  
summary {
	display: list-item;
}
  
template {
	display: none;
}
  
[hidden] {
	display: none;
}
  
html {
	box-sizing: border-box;
}

*, *::before, *::after {
	box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color .15s ease-in-out;
}

img {
  height: auto;
  max-width: 100%;
}

:root {
  --color-white: #fff;
  --color-red: #f05252;
  --color-green: #007054;
  --color-grey: #888b93;
  --color-grey-50: #a3a9ad;
  --color-grey-40: #cfd1d4;
  --color-grey-30: #dbdcde;
  --color-grey-25: #e1e2e4;
  --color-grey-20: #d3d5d8;
  --color-grey-15: #dee0e2;
  --color-grey-10: #e8eaeb;
  --color-grey-5: #f4f4f5;
  --color-dark: #17202A;
  --color-dark-lite: #2C3E50;
  --color-secondary: #00464f;
  --color-primary: #007054;
}

body {
	background-color: var(--color-white);
  color: var(--color-dark);
	font-family: 'Roboto', Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  min-height: 100vh;
  min-width: 320px;
  overflow-x: hidden;
}

main {
  display: flex; 
  justify-content: center; 
  height: 100vh; 
  align-items: center; 
  flex-direction: column; 
  gap: 60px;
  background-color: var(--color-secondary);
}