usercard

css/user.css

@@ -0,0 +1,40 @@
+.usercard {
+    width: 300px;
+    height: 300px;
+    background: linear-gradient(rgb(109, 107, 107), rgb(177, 175, 175));
+    border-radius: 16px;
+    padding: 0 30px 30px;
+    transition: 0.3s;
+    display: grid;
+    text-align: start;
+    align-items: center;
+}
+
+.usercard:hover {
+    transform: scale(1.03);
+}
+
+.usercard>.avatar {
+    block-size: 185px;
+    display: grid;
+    align-items: center;
+}
+
+.usercard>.avatar>.usericon {
+    width: 100px;
+    height: 100px;
+}
+
+.usercard>.username {
+    margin: 0;
+    font-size: 32px;
+    line-height: 36px;
+}
+
+.usercard>.mail {
+    font-size: 17px;
+    line-height: 20px;
+    font-weight: 400;
+    color: inherit;
+}
+