styling changes

index.html

@@ -11,32 +11,27 @@
     <div class="wrap">
 
         <div class="box highlight center">
-            <h1>WELCOME TO MY PAGE</h1>
+            <h1>Just another webpage</h1>
-            <p class="blink spaced">★ Under Construction ★</p>
+            <p class="blink spaced">★ Under Destruction ★</p>
         </div>
 
         <div class="center">
             <div class="pre ascii">
-    /\_/\    
+    --   -----
-   ( o.o )  
+    ...  ..!..
-      > ^ <     
+    ...  ..!..
+    ..........
+    .......!
+    ...  ..!
+    ...  ..!
                 
 </div>
             </div>
 
             <div class="box">
-                <h2>About me</h2>
                
-                <p>Hi, I’m <strong>CHANGE ME</strong>.</p>
+               (too many content)
 
-                <p>I’m into <strong>CHANGE ME</strong>.</p>
-
-                <p>Right now I’m thinking about: <strong>CHANGE ME</strong>.</p>
-
-                <p>
-                    If you want to see something I like, click
-                    <a href="https://example.com">CHANGE ME (your link)</a>.
-                </p>
             </div>
         </div>
 
@@ -49,16 +44,11 @@
 
             body {
                 margin: 0;
-                font-family: Arial, Helvetica, sans-serif;
+                font-family: Comic Sans, sans-serif;
-                color: black;
+                color: blue;
 
                 /* striped background */
-                background:
+                background-color:#0F0;
-                    repeating-linear-gradient(45deg,
-                        yellow 0px,
-                        yellow 14px,
-                        pink 14px,
-                        pink 28px);
             }
 
             .wrap {
@@ -69,14 +59,14 @@
 
             .box {
                 background: white;
-                border: 3px solid black;
+                box-shadow: 0rem 0rem 10rem 1rem rgba(255,0,255,1);
-                padding: 12px;
+                padding:0.25rem;
-                margin: 12px 0;
+                border-radius: 2.5rem;
+                margin: 1rem;
             }
 
             .highlight {
                 background: yellow;
-                font-family: fantasy;
             }
 
             .footer {
@@ -110,7 +100,7 @@
                 white-space: pre;
                 display: inline-block;
                 background: white;
-                border: 10px dotted red;
+                border: 5px dotted blue;
                 border-radius: 50%;
                 padding: 10px;
             }