:root {
    --background: #0e1320;
    --text: #e9ebf7;
    --accent: #6a4cff;
}

body {
    background-color: var(--background);
    color: var(--text);
    font-family: Inter, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

#homeText{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#homeText h1,h2{
	margin: 0;
    font-size: clamp(1px, 7vw, 80px);
    font-weight: 1000;
}

#homeChoice{
    margin-top: 50px;
}

button{
	background-color: var(--accent);
	color: var(--background);
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 18px;
	padding: 15px 25px;
	border-radius: 999px;
	border: none;
	cursor: pointer;
    box-shadow: 0 3px 8px 2px color-mix(in srgb, var(--accent), black 30%);
}

.color-accent{
    color: var(--accent);
}

a {
    text-decoration: none;
}