:root {
	--round: 20px;
	--border: 100px;
}

@font-face {
	font-family: 'Sora';
	src: url('sora.ttf');
}

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #101010;
	font-family: 'Sora';
	font-size: 14px;
}

#wrapper {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

#dropzone {
	width: calc(100vw - var(--border));
	height: calc(100vh - var(--border));
	border-radius: var(--round);
	display: flex;
	align-items: center;
	justify-content: center;
}

.nodrop {
	background-color: #f5f5f5;
	outline: 2px dashed #d5d5d5;
}

.drop {
	background-color: #ffb703;
	outline: 2px dashed #fb8500;
}