@font-face {
  font-family: Gilroy-Regular;
  src: url(/static/fonts/Geometria-Regular.ttf);
}

@font-face {
  font-family: Gilroy-Medium;
  src: url(/static/fonts/Geometria-Medium.ttf);
}

@font-face {
  font-family: Gilroy-Bold;
  src: url(/static/fonts/Geometria-Bold.ttf);
}

body {
	margin: 0;
	padding: 0;
    height: 100vh;
    background: #F5F5F5;
}

body, button, input[type="text"]::placeholder, input[type="text"], p, body * {
	font-family: "Gilroy-Regular";
    letter-spacing: 0.2px;
}

button, a {
    cursor: pointer;

}

h1, h2, h3, h4, h5, h6, b {
    font-family: "Gilroy-Medium"

}

.main_content {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container {
	width: 380px;
	background-color: white;
	border-radius: 15px;
	border: 0.5px solid #e8e8e8;
	padding: 22px;
}

.container * {
    margin: 0;

}

.container .go_back_link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: black;
    text-decoration: none;
    font-size: 16.5px;
    margin-bottom: 15px;
}

.container .go_back_link span {
    transform: translateY(1.25px);
    font-family: Gilroy-Medium;
}

@media(max-width: 500px) {
    .container {
        width: calc(100% - 28px - 38px);
        padding: 19px;
    }
}