@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&family=Acme&family=Patrick+Hand+SC&family=Suez+One&display=swap'); 


:root {
	--kilo: #f94144;
	--mega: #f3722c;
	--giga: #f8961e;
	--tera: #f9c74f;
	--peta: #90be6d;
	--exa: #4d908e;
	--zetta: #577590;
	--yotta: #277da1;

	--tera-shadow: 20px 20px 60px #d4a943, -20px -20px 60px #ffe55b;
}

html, body {
	position: relative;
	min-height: 100vh;
	height: 100vh;
	color: #333;
	background: radial-gradient(var(--tera), var(--giga));
	margin: 0;
	padding: 0px;
	box-sizing: border-box;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	line-height: 1.4em;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, .caption {
	font-family: 'Suez One', serif;
}

.text {
	font-family: 'Patrick Hand SC', cursive;
	font-weight: 400;
}

.numerals {
	font-family: 'Acme', sans-serif;
}





/* Mostly restart stuff */
body {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
a:focus {
    outline: thin dotted;
}
:focus {
    outline: none !important;
}
a:active,
a:hover {
    outline: 0;
}
button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
button[disabled],
html input[disabled] {
    cursor: default;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, button{
	outline: none;
}