EmployeeDetails-FetchingAPI/index.css at main · anu1234github/EmployeeDetails-FetchingAPI · 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
body{
    overflow:hidden;
}
*{
    margin:0px;
    padding: 0px;
}

.container1 .header {

    background-color: rgb(0, 0, 0);
    width:100%;
    height:14vh;
    color:rgb(255, 255, 255);
    z-index: 2;
    opacity:100%;

}
.container1 .header h1{
    text-align: center;
    position:relative;
    letter-spacing: 10px;
    padding-top:29px;
    font-weight: bolder;
    font-size: 250%;
 }
 .but  {
     position:relative;
     margin:-22px 25px;
     float:right;
 }
 .but button#getdata{
     border-radius: 50%;
     font-size: 18px;
     font-weight:bolder;
     padding: 7px;
     background-color: rgb(255, 255, 255);
     transition:5s;
 }
 .but:hover{
     border-radius: 50%;
     transform:scale(1.1);
     background-color: rgb(251, 251, 251);
     z-index:2;
 }
 #data{
    width:100%;
    height:450px;
    text-align: right;
    display: flex;
 }
 .table
{

    width:100%;
    height:100vh;
    background-color: rgba(0, 0, 0, 0.719);
    opacity:200%;
    z-index:135;

}
table{

    position:relative;
    z-index:800;
    margin:66px;
    left:113px;
    color:rgb(255, 254, 254);
    font-size: 18px;
    font-weight:900;
    font-family: Arial, Helvetica, sans-serif;

}
table td {
    padding: 9px 61px;

}

table tr :hover{
    background-color:rgba(255, 255, 255, 0.733);
    color:black;

}
img{
    position: relative;
    z-index: 800;
    opacity:200%;
    clip-path: circle();

}
 .back{
     position:relative;
     top: -453px;
     background-image: url('Background image.jpg') ;
    opacity:100.9% ;
    background-repeat: no-repeat;
    background-size: cover;
    width:100vw;
    height:100vh;

 }