body {
	height: 100vh;
	width: 100vw;
	margin: 0;
	background-color: #111;
	font-family: "Satoshi-Regular", General Sans, sans-serif;
	color: #898780;
}
.container {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
form {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.form-group {
	padding: 0;
	width: 100%;
	height: 100%;
}
input {
	padding: 0;
	text-align: center;
	border: none;
	margin: 0 0 10px 0;
	font-family: "Satoshi-Medium", General Sans, sans-serif;
	font-size: 15vw;
	color: #fff5c2;
	background: transparent;
	text-decoration: none;
	height: auto;
	width: 100%;
}
input::placeholder {
	color: #fff5c2;
	padding: 0;
}
button {
	text-align: center;
	font-family: "Satoshi-Medium", General Sans, sans-serif;
	font-size: 15vw;
	color: #898780;
	background: transparent;
	text-decoration: none;
	border: none;
}

/* fonts */

@font-face {
	font-family: "GeneralSans-Extralight";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Extralight.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Extralight.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Extralight.ttf")
			format("truetype");
	font-weight: 200;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "GeneralSans-ExtralightItalic";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-ExtralightItalic.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-ExtralightItalic.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-ExtralightItalic.ttf")
			format("truetype");
	font-weight: 200;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: "GeneralSans-Light";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Light.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Light.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Light.ttf")
			format("truetype");
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "GeneralSans-LightItalic";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-LightItalic.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-LightItalic.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-LightItalic.ttf")
			format("truetype");
	font-weight: 300;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: "GeneralSans-Regular";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Regular.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Regular.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Regular.ttf")
			format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "GeneralSans-Italic";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Italic.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Italic.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Italic.ttf")
			format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: "GeneralSans-Medium";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Medium.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Medium.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Medium.ttf")
			format("truetype");
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "GeneralSans-MediumItalic";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-MediumItalic.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-MediumItalic.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-MediumItalic.ttf")
			format("truetype");
	font-weight: 500;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: "GeneralSans-Semibold";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Semibold.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Semibold.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Semibold.ttf")
			format("truetype");
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "GeneralSans-SemiboldItalic";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-SemiboldItalic.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-SemiboldItalic.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-SemiboldItalic.ttf")
			format("truetype");
	font-weight: 600;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: "GeneralSans-Bold";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Bold.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Bold.woff") format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Bold.ttf")
			format("truetype");
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "GeneralSans-BoldItalic";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-BoldItalic.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-BoldItalic.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-BoldItalic.ttf")
			format("truetype");
	font-weight: 700;
	font-display: swap;
	font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
	font-family: "General Sans Var";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-Variable.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Variable.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-Variable.ttf")
			format("truetype");
	font-weight: 200 700;
	font-display: swap;
	font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
	font-family: "GeneralSans-VariableItalic";
	src: url("http://cameronhugh.es/styles/fonts/GeneralSans-VariableItalic.woff2")
			format("woff2"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-VariableItalic.woff")
			format("woff"),
		url("http://cameronhugh.es/styles/fonts/GeneralSans-VariableItalic.ttf")
			format("truetype");
	font-weight: 200 700;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: "Satoshi-Variable";
	src: url("../fonts/Satoshi-Variable.woff2") format("woff2"),
		url("../fonts/Satoshi-Variable.woff") format("woff"),
		url("../fonts/Satoshi-Variable.ttf") format("truetype");
	font-weight: 300 900;
	font-display: swap;
	font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
	font-family: "Satoshi-VariableItalic";
	src: url("../fonts/Satoshi-VariableItalic.woff2") format("woff2"),
		url("../fonts/Satoshi-VariableItalic.woff") format("woff"),
		url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");
	font-weight: 300 900;
	font-display: swap;
	font-style: italic;
}