File tree Expand file tree Collapse file tree 2 files changed +142
-0
lines changed Expand file tree Collapse file tree 2 files changed +142
-0
lines changed Original file line number Diff line number Diff line change
1
+ .top
2
+ {
3
+ margin : 5px ;
4
+ padding : 10px ;
5
+ top : 35% ;
6
+ right : 42% ;
7
+ transform : translate (0% , -36% );
8
+ position : absolute;
9
+ }
10
+ .image img
11
+ {
12
+ height : 190px ;
13
+ width : 170px ;
14
+ margin-left : 36px ;
15
+ border-radius : 100% ;
16
+ }
17
+ .image h1
18
+ {
19
+ font-weight : 700 ;
20
+ font-family : 'Baloo Paaji 2' , cursive;
21
+ }
22
+ .social-link
23
+ {
24
+ margin-top : 20px ;
25
+ margin-left : -16px ;
26
+ }
27
+
28
+ .college : hover , li a : hover , li a
29
+ {
30
+ text-decoration : none;
31
+ color : rgb (51 , 103 , 214 );
32
+ }
33
+ .codeforces
34
+ {
35
+ width : 30px ;
36
+ height : 30px ;
37
+
38
+ }
39
+ ul li
40
+ {
41
+ list-style : none;
42
+ display : inline;
43
+ margin-right : 25px ;
44
+ }
45
+ ul li a
46
+ {
47
+ font-size : 25px ;
48
+ color : black;
49
+ }
50
+ .footer
51
+ {
52
+ text-align : center;
53
+ background-color : rgba (192 , 169 , 169 , 0.39 );
54
+ position : absolute;
55
+ top : 95% ;
56
+ height : 40px ;
57
+ width : 100% ;
58
+ padding : 8px ;
59
+ opacity : 0.6 ;
60
+ }
61
+
62
+ .pdf
63
+ {
64
+
65
+ margin : 15px ;
66
+ margin-top : -7px ;
67
+ padding : 3px ;
68
+ width : 85% ;
69
+ border : none;
70
+ font-weight : 900 ;
71
+ border-radius : 10px ;
72
+ }
73
+ .pdf a
74
+ {
75
+ margin-top : -7px ;
76
+ color : rgb (51 , 103 , 214 );
77
+ height : 42px ;
78
+ margin-top : 0px ;
79
+ text-overflow : none;
80
+ font-size : 15px ;
81
+ font-weight : 800 ;
82
+ }
83
+ /* media query */
84
+ @media (max-width : 1600px )
85
+ {
86
+ .top
87
+ {
88
+ top : 35% ;
89
+ right : 40% ;
90
+ transform : translate (0% , -40% );
91
+ position : absolute;
92
+ }
93
+ }
94
+
95
+ @media (max-width : 1200px )
96
+ {
97
+ .top
98
+ {
99
+ top : 36% ;
100
+ right : 37% ;
101
+ transform : translate (0% , -37% );
102
+ position : absolute;
103
+ }
104
+ }
105
+
106
+ @media (max-width : 800px )
107
+ {
108
+ .top
109
+ {
110
+ justify-content : center;
111
+ align-content : center;
112
+ text-align : center;
113
+ right : 5% ;
114
+ left : 5% ;
115
+ position : absolute;
116
+ }
117
+ li a
118
+ {
119
+ margin-right : -5px ;
120
+ }
121
+ .social-link
122
+ {
123
+ margin-top : 0px ;
124
+ }
125
+ .pdf
126
+ {
127
+ margin-top : 0px ;
128
+ width : 50% ;
129
+ margin-left : -4px ;
130
+ margin-top : -5px ;
131
+ }
132
+ .top p , .top .social-link , .pdf
133
+ {
134
+ top : 90px ;
135
+ position : relative;
136
+ }
137
+ .image
138
+ {
139
+ margin-left : 15px ;
140
+ float : right;
141
+ }
142
+ }
You can’t perform that action at this time.
0 commit comments