Update README.md
Browse files
README.md
CHANGED
@@ -16,34 +16,28 @@ thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
|
16 |
text-align: center;
|
17 |
margin: 0;
|
18 |
padding: 0;
|
19 |
-
|
20 |
-
|
21 |
h1 {
|
22 |
color: #0077cc;
|
23 |
transition: color 0.5s ease-in-out, transform 0.4s ease-in-out;
|
24 |
margin: 20px auto;
|
25 |
display: inline-block;
|
26 |
}
|
27 |
-
|
28 |
h1:hover {
|
29 |
color: #FFCC00;
|
30 |
transform: scale(1.1);
|
31 |
}
|
32 |
-
|
33 |
p {
|
34 |
color: #777;
|
35 |
}
|
36 |
-
|
37 |
a {
|
38 |
text-decoration: none;
|
39 |
}
|
40 |
-
|
41 |
.container {
|
42 |
display: flex;
|
43 |
flex-direction: column;
|
44 |
align-items: center;
|
45 |
}
|
46 |
-
|
47 |
.image-container {
|
48 |
width: 40%;
|
49 |
max-width: 100%;
|
@@ -51,12 +45,10 @@ thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
|
51 |
text-align: center;
|
52 |
overflow: hidden;
|
53 |
}
|
54 |
-
|
55 |
.image-container:hover img {
|
56 |
transform: scale(1.02);
|
57 |
transition: transform 0.4s ease-in-out;
|
58 |
}
|
59 |
-
|
60 |
img {
|
61 |
width: 100%;
|
62 |
max-width: 100%;
|
@@ -65,7 +57,7 @@ thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
|
65 |
display: block;
|
66 |
}
|
67 |
</style>
|
68 |
-
<link href="https://fonts.googleapis.com/
|
69 |
</head>
|
70 |
<body>
|
71 |
<div class="container">
|
@@ -78,4 +70,4 @@ thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
|
|
78 |
</div>
|
79 |
</div>
|
80 |
</body>
|
81 |
-
</html>
|
|
|
16 |
text-align: center;
|
17 |
margin: 0;
|
18 |
padding: 0;
|
19 |
+
}
|
|
|
20 |
h1 {
|
21 |
color: #0077cc;
|
22 |
transition: color 0.5s ease-in-out, transform 0.4s ease-in-out;
|
23 |
margin: 20px auto;
|
24 |
display: inline-block;
|
25 |
}
|
|
|
26 |
h1:hover {
|
27 |
color: #FFCC00;
|
28 |
transform: scale(1.1);
|
29 |
}
|
|
|
30 |
p {
|
31 |
color: #777;
|
32 |
}
|
|
|
33 |
a {
|
34 |
text-decoration: none;
|
35 |
}
|
|
|
36 |
.container {
|
37 |
display: flex;
|
38 |
flex-direction: column;
|
39 |
align-items: center;
|
40 |
}
|
|
|
41 |
.image-container {
|
42 |
width: 40%;
|
43 |
max-width: 100%;
|
|
|
45 |
text-align: center;
|
46 |
overflow: hidden;
|
47 |
}
|
|
|
48 |
.image-container:hover img {
|
49 |
transform: scale(1.02);
|
50 |
transition: transform 0.4s ease-in-out;
|
51 |
}
|
|
|
52 |
img {
|
53 |
width: 100%;
|
54 |
max-width: 100%;
|
|
|
57 |
display: block;
|
58 |
}
|
59 |
</style>
|
60 |
+
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
|
61 |
</head>
|
62 |
<body>
|
63 |
<div class="container">
|
|
|
70 |
</div>
|
71 |
</div>
|
72 |
</body>
|
73 |
+
</html>
|