PotatoOff
/

HamSter-0.2

@@ -30,41 +30,40 @@ language:
         .header {
             display: flex;
             align-items: flex-start;
-            gap: 30px; /* Increased spacing */
         }
         .header h1 {
-            font-size: 18px;
             color: #E2E8F0;
         }
         .header img {
-            flex-shrink: 0; /* Prevent resizing */
-            max-width: 50%; /* Adjust based on preference */
             border-radius: 15px;
-            max-height: 560px;
-            margin-left: 2%;
-            margin-right: 2%;
-            transition: filter 0.4s ease; /* Smooth transition for the filter */
         }
         .header img:hover {
             filter: blur(1px); /* Apply a stronger blur on hover */
         }
         .info {
-            background-color: #2D3748; /* Darker shade for elegant dark mode */
-            color: #CBD5E0; /* Lighter text color for contrast */
-            font-family: 'Fira Code', 'JetBrains Mono', monospace; /* Fira Code or JetBrains Mono font */
-            padding: 30px 20px; /* Increased top margin and padding for spaciousness */
-            border-radius: 10px; /* Rounded corners for a more elegant look */
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Darker box shadow with increased opacity */
-            font-size: 13px; /* Slightly larger font size for readability */
-            line-height: 1.7; /* Improved line height for readability */
-            max-width: 52%; /* Adjust based on preference */
             overflow-x: auto;
-            margin-top: 40px; /* Added more margin on the top */
-            border: 2px solid #4A90E2; /* Border with a suitable color for a 3D effect */
-            transition: box-shadow 0.3s ease; /* Smooth transition for the box shadow */
         }
         .info:hover {
-            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.6), 0 0 24px rgba(74, 144, 226, 0.6); /* Glowing box shadow on hover */
         }
         .button {
             display: inline-block;
@@ -75,7 +74,7 @@ language:
             border-radius: 10px;
             cursor: pointer;
             text-decoration: none;
-            margin-left: 60px;
             transition: transform 0.3s ease, box-shadow 0.3s ease, background-image 0.3s ease; /* Updated transition */
             /* Added for a more sophisticated look */
             font-weight: bold; /* Make the text bold */
@@ -92,8 +91,8 @@ language:
 <body>
     <div class="container">
         <div class="header">
-            <img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/PieKyxOEVyn0zrrNqVec_.webp" alt="Image">
             <div class="info">
                 <h1>HamSter 0.2</h1>
                 <p>
                     👋 Uncensored fine tune model roleplay focused of "mistralai/Mistral-7B-v0.2 with the help of my team <a href="https://huggingface.co/ConvexAI" target="_blank">ConvexAI</a><br><br>

         .header {
             display: flex;
             align-items: flex-start;
+            gap: 20px;
         }
         .header h1 {
+            font-size: 24px;
             color: #E2E8F0;
         }
         .header img {
+            flex-shrink: 0;
+            margin-left: 25%;
+            width: 50%;
+            max-width: 50%;
             border-radius: 15px;
+            transition: filter 0.4s ease;
         }
         .header img:hover {
             filter: blur(1px); /* Apply a stronger blur on hover */
         }
         .info {
+            flex-grow: 1;
+            background-color: #2D3748;
+            color: #CBD5E0;
+            font-family: 'Fira Code', 'JetBrains Mono', monospace;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+            font-size: 17px;
+            line-height: 1.7;
             overflow-x: auto;
+            margin-top: 40px;
+            border: 2px solid #4A90E2;
+            transition: box-shadow 0.3s ease;
         }
         .info:hover {
+            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.6), 0 0 24px rgba(74, 144, 226, 0.6);
         }
         .button {
             display: inline-block;
             border-radius: 10px;
             cursor: pointer;
             text-decoration: none;
+            margin-left: 15%;
             transition: transform 0.3s ease, box-shadow 0.3s ease, background-image 0.3s ease; /* Updated transition */
             /* Added for a more sophisticated look */
             font-weight: bold; /* Make the text bold */
 <body>
     <div class="container">
         <div class="header">
             <div class="info">
+            <img src="https://cdn-uploads.huggingface.co/production/uploads/64e7616c7df33432812e3c57/PieKyxOEVyn0zrrNqVec_.webp" alt="Image">
                 <h1>HamSter 0.2</h1>
                 <p>
                     👋 Uncensored fine tune model roleplay focused of "mistralai/Mistral-7B-v0.2 with the help of my team <a href="https://huggingface.co/ConvexAI" target="_blank">ConvexAI</a><br><br>