-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
90 lines (76 loc) · 1.35 KB
/
style.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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
body{
text-align: center;
background: linear-gradient( #4287f5 0%,#4bf542 100%);
}
img{
width:100;
height:100;
border-radius: 50%;
}
#myname{
font-family: 'Courgette', cursive;
}
#Favorite_food{
padding:40px;
text-align:center:
}
h1{
font-size:18px;
}
p{
font-size:18px;
color:#6A1B9A;
}
h2{
font-size:20px;
color:#003487;
}
.line{
height: 6px;
background-color: black;
width:70px;
margin:8px auto;
}
.menu{
list-style: none;
font-family:cursive;
float:right;
top:10px;
right:30px;
cursor: pointer;
color:black;
}
.menu a{
color:black !important;
}
.link{
color:crimson;
display: inline;
padding-top:5px;
padding-left:9px;
padding-right:9px;
padding-bottom: 5px;
}
.link:hover{
background-color:beige;
}
#picture{
width:auto;
height:300px;
border-radius:0%;
margin:20px;
}
.food
{
background: #373B44; /* fallback for old browsers */
background: linear-gradient( #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding-top:20px;
}
img {
transition: transform .2s;
border: 10px solid #AAAAAA;
}
img:hover {
/* Give transform property to scale to 0.9 */
transform: scale(1.9);
}