Digital_Card/style.css at main · ubanand36/Digital_Card · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
*
{padding:0;
 margin:0;}

body
{background-color:black;}

#namecard
{height:600px;
 width:300px;
 background-color:white;
 border-radius:25px;
 justify-self:center;
 margin-top:100px;
 margin-bottom:100px;
 padding:10px;
 padding-left:15px;
 padding-right:15px;}

#top
{height:200px;
 width:300px;
 background-color:#929982;
 justify-self:center;
 border-radius:10px;
 position:relative;
 display:flex;
 }

#bottom
{height:200px;
 width:300px;
 background-color:#EDCBB1;
 justify-self:center;
 justify-items:center;
 margin-top:15px;
 border-radius:10px;
 position:relative;}

#photodiv
{height:160px;
 width:160px;
 border-radius:50%;
 justify-self:center;
 margin-top:0px;
 margin-bottom:0px;
 background-color:white;
 position: absolute;
 top:220px;
 z-index:2;}

#photo
{height:150px;
 width: 150px;
 border-radius:50%;
 margin:5px;}

.profile_div
{display:flex;
 height:50px;
 width:300px;
 background-color:#929982;
 justify-self:center;
 margin-top:10px;
 border-radius:30px;}

.other_profile
{height:30px;
 width:30px;
 border-radius:50%;
 margin:10px;}

p
{margin:12px;
 margin-left:70px;
 text-decoration: none;}

h1
{position:absolute;
 top:50px;
 left:10px;
 text-decoration:underline;
 color:#7C3238;}

h3
{position:absolute;
 top:90px;
 left:60px;
 color:#7C3238;}

#college
{position:absolute;
 top:15px;
 left:30px;
 font-size:20px;
 font-weight:bold;
 text-align:center;
 text-decoration:underline;
 color:#002500;}

#logodiv
{height:100px;
 width:100px;
 border-radius:50%;
 justify-self:left;
 background-color:white;
 position: absolute;
 top:5px;
 left:5px;
 z-index:1;}

#logo
{padding:5px;
 height:90px;
 width: 90px;
 border-radius:50%;}