Pokedex_App/styleTwo.css at main · manavsheth/Pokedex_App · 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
#container{
    display:flex;
}
#hinge{
    width:20px;
    background-color:#d50625;
    border:5px;
    height:470px;
    margin-top:45px;
}
#pokedexTwo{
    width:350px;
    height:450px;
    display:block;
    margin-top:70px;
    background-color:#fc2243;
    z-index: 3;
    position:relative;
}
#hidden{
    position:absolute;
    background-color:#fc2243;
    height:30px;
    width:60%;
    top:-30px;
}
#searchBar{
    background-color:black;
    display:flex;
    height:50px;
    margin-top:60px;
    margin-left:20px;
    margin-right:20px;
}
#searchName{
    width:90%;
    border:none;
    background-color:#404040;
    color:azure;
    outline:none;
    height:50px;
    padding-left:15px;
    font-size:1.6rem;
}
::placeholder{
    color:lightgray;
    font-size:1.6rem;
    margin-left:5px;
}
#searchBtn{
    color: #fff;
    background-color:#404040;
    height:52px;
    font-size:20px;
}
#sectionTwo{
    height:100px;
    width:88%;
    margin:20px;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:5px;
}
#squares{
    background-color:aqua;
}
#sectionThree{
    height:70px;
    margin:10px;
    display:flex;
    justify-content:space-between;
}
#twoSquares{
    width:100%;
    display:flex;
}
#two{
    background-color:beige;
    margin:5px;
    width:60px;
}
#bottomYellowBtn{
    width:60px;
    height:60px;
    background-color:#ffcf54;
    margin-right:30px;
    margin-top:10px;
    border-radius:50%;
}
#sectionFour{
    width:91%;
    margin:15px;
    display:flex;
    justify-content:space-between;
}
#sectionFour #bottomTwo{
    height:40px;
    width:130px;
    background-color:#404040;
}
#pokemonImg{
    width:100%;
    height:100%;
    z-index:10000;
}