-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.css
48 lines (40 loc) · 1.08 KB
/
about.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
@charset "UTF-8";
/*---------- Profile ----------*/
.profile__img {
padding: 0 40px; }
.profile__img img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin: auto; }
.snslist .snslist__item .lab {
margin: 6px 0px 3px 4px;
font-size: 2rem; }
.snslist .snslist__item a {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
background-color: #aaa;
border-radius: 50%;
transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
color: #fff; }
.snslist .snslist__item.twitter a:hover {
background-color: #1da1f2; }
.snslist .snslist__item.instagram a:hover {
background-color: #cf2e92; }
.snslist .snslist__item.facebook a:hover {
background-color: #4267b2; }
.snslist .snslist__item.youtube a:hover {
background-color: #da1725; }
@media screen and (max-width: 520px) {
.snslist {
justify-content: center; } }