✨ Closes #186

frontend/src/lib/play/question.svelte

@@ -104,11 +104,13 @@
 			{@html question.question}
 		</h1>
 		<div class="mx-auto my-2">
+			{#if game_mode !== 'kahoot'}
 				<CircularTimer
 					bind:text={timer_res}
 					bind:progress={circular_prgoress}
 					color="#ef4444"
 				/>
+			{/if}
 		</div>
 	</div>
 	{#if question.image !== null && game_mode !== 'kahoot'}
@@ -134,7 +136,18 @@
 					{/each}
 				</div>
 			{:else if game_mode === 'kahoot'}
-				<div class="grid grid-cols-2 gap-2 w-full p-4 h-5/6">
+				<div class="h-5/6 w-full relative">
+					<div
+						class="absolute top-0 bottom-0 left-0 right-0 m-auto rounded-full h-fit w-fit border-2 border-black shadow-2xl"
+					>
+						<CircularTimer
+							bind:text={timer_res}
+							bind:progress={circular_prgoress}
+							color="#ef4444"
+						/>
+					</div>
+
+					<div class="grid grid-cols-2 gap-2 w-full p-4 h-full">
 						{#each question.answers as answer, i}
 							<button
 								class="rounded-lg h-full flex align-middle justify-center disabled:opacity-60 p-3"
@@ -146,6 +159,7 @@
 							</button>
 						{/each}
 					</div>
+				</div>
 			{:else}
 				<p>Error</p>
 			{/if}