2Lahari2.github.io/portfolio.css at main · 2Lahari2/2Lahari2.github.io · GitHub

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
body{
    background-image: url('https://media.istockphoto.com/photos/defocused-snowfall-loop-falling-snow-christmas-picture-id1172807232?b=1&k=20&m=1172807232&s=170667a&w=0&h=P7sJxmqMcPegwHvsRSAwQkHJc3TgyZavvlVc46fctUc=');
    color:azure;
    font-family: 'Dancing Script', cursive;
}
.quote{
  font-size: 50px;
  margin-left:180px;
  margin-top:80px;
  padding:10px;


}
.myself{
  position:absolute;
  margin-left:250px;

}
.name{

  margin-left:80px;
}
.emailogo{
  width:30px;
  height:30px;
  position:relative;
  bottom:30px;
}
.email{
bottom:80px;
margin-left:40px;
position:relative;
font-size: 20px;
}
.image1 {
position: relative;
width: 140px;
height:140px;
left:1000px;
bottom:200px;
opacity:0.8;
filter:alpha(opacity=80);
}
.image1:hover{
opacity:1.0;
filter:alpha(opacity=100);
}
.image2 {
position: relative;
width: 140px;
height:140px;
left:1000px;
bottom:160px;
opacity:0.8;
filter:alpha(opacity=80);
}
.image2:hover{
opacity:1.0;
filter:alpha(opacity=100);
}
.image3 {
position: relative;
width: 140px;
height:140px;
left:1000px;
bottom:120px;
opacity:0.8;
filter:alpha(opacity=80);
}
.image3:hover{
opacity:1.0;
filter:alpha(opacity=100);
}
.image1 img, .image2 img,.image3 img {
width: 100%;
vertical-align: top;
border-radius:20px;
}
.image3 img{
width: 100%;
vertical-align: top;
border-radius:30px;
}