@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url(/fonts/rubik.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
//	background-repeat: no-repeat;
//	background-attachment: fixed;
//	background-position: center;
//	background-size: cover;
	height: 100%;
}

h1 {
	font-weight: 300;
	font-family: 'Rubik', sans-serif;
	color: black;
	font-size: calc(12px + 1vw);
	margin: 2%;
}

p {
        font-weight: 300;
        font-family: 'Rubik', sans-serif;
        color: black;
        font-size: calc(8px + 1vw);
        margin: 2%;
}

.box {
//	position: fixed;
	position: absolut;
	padding: 2%;
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
	border-radius: 25px;
	border-style: solid;
	border-width: thin;
	border-color: #efefef;
	text-align: center;
	inset: 0px;
	width: fit-content;
	height: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}

.brainLogo {	
	width: 35vw;
	max-width: 600px;
        margin: 4% 2% 2% 2%;
}

@media screen and (min-width: 1920px) {
	h1 {
		font-size: 32px;
  	}
}