diff --git a/index.html b/index.html
index da03bcd..01c4bfb 100644
--- a/index.html
+++ b/index.html
@@ -30,12 +30,12 @@
 	<script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body>
-	<div class="sm:flex sm:justify-center min-h-screen sm:bg-gradient-to-r sm:from-blue-300 sm:to-teal-200 flex-col">
-		<div class="relative mx-auto sm:w-[500px] bg-white px-8 py-10 sm:outline outline-[21px] sm:outline-[#ffffff9c] sm:rounded-[21px]">
+	<div class="lg:flex lg:justify-center min-h-screen lg:bg-gradient-to-r lg:from-blue-300 lg:to-teal-200 flex-col">
+		<div class="relative mx-auto lg:w-[500px] bg-white px-8 py-10 lg:outline outline-[21px] lg:outline-[#ffffff9c] lg:rounded-[21px]">
 			<h1 class="flex gap-x-2 items-center text-3xl mb-3 font-semibold">
 				<img src="https://www.gravatar.com/avatar/cc9032759e9f56f25bf395a341b6386e" class="rounded-full h-8 ring-ring-blue-200" class="avatar" />
 				I'm Clint ⚡️ 
-				<div class="ml-1 hidden sm:block text-gray-300">clint21.eth</span>
+				<div class="ml-1 hidden lg:block text-gray-300">clint21.eth</span>
 			</h1>
 			<p class="text-lg text-gray-600">
 				I mainly build stuff on the internet.
