Paintrdyou

painted/index.html

@@ -8,6 +8,8 @@
     <link rel="shortcut icon" href="assets/images/logo.png" />
 
     <link href="https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@500&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Lalezar&display=swap" rel="stylesheet">
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
         integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
@@ -45,8 +47,10 @@
         </div>
     </nav>
 
-    <h1 class="display-3">Painted You</h1>
-
+    <!-- <h1 class="display-3">Painted You</h1> -->
+    <!-- <img class="mainLogo" src="assets/images/logo1.png" alt="" srcset=""> -->
+<p id="painted"><span id="p">P</span><span id="a">A</span><span id="i">I</span><span id="n">N</span><span id="t">T</span id="e"><span>E</span><span id="d">D</span>
+</p>
     <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
         <ol class="carousel-indicators">
             <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>

painted/style.css

@@ -29,7 +29,26 @@ nav{
     color: rgb(241, 147, 233);
 }
 
+.mainLogo{
+    height: 120px;
+    display: flex;
+    justify-self: center;
+    margin: auto;
+    /* background-color: black; */
+    padding:15px;
+}
+#painted{
+    display:flex;
+    justify-content: center;
+    font-family: 'Lalezar', cursive;
+    font-size: 4rem;
+    padding: 0%;
+    margin: 0;
 
+}
+#p{
+    color: #d580ab;
+}
 footer{
     display: flex;
     flex-wrap: wrap;