/* rubik-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rubik-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	background: #000;
	font-family: 'Rubik', Arial, Helvetica, sans-serif;
	color: #fff;
	background: radial-gradient(ellipse farthest-corner at 0 bottom , rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1) 100%) rgb(37, 37, 39);
	min-height: 100vh;
}
a {
	color: #ff1442;
}
a:hover {
	color: #fff;
}
h1 {
	font-size: 2rem;
	color: #ff1442;
}
h2 {
	font-size: 1.5rem;
}

.container {
	max-width:500px;
	margin:auto;
	margin-top: 3rem;
	padding:1rem;
	border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 5px;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #ff1442;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background-color: #c40c30;
}

input {
    border: none;
    padding: 1rem;
    border-radius: 5px;
	margin: 0.5rem 0;
}

select {
    border: none;
    padding: 0.5rem;
    border-radius: 5px;
	margin: 0.5rem;
}

.footer__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
	margin: 0;
    padding: 0;
    list-style: none;
	margin-top: 5rem;
}
@media (min-width: 1024px) {
	.footer__list {
		flex-direction: row;
	}
}
.footer__list-item {
    flex-shrink: 0;
}

.footer__list-item a {
	display: block;
    padding: 8px 16px;
}