1+ .modal-img ,
2+ .pokemon-list li button {
3+ box-shadow : 0 4px 8px rgba (0 , 0 , 0 , 0.1 );
4+ }
5+ .modal-header ,
6+ footer ,
7+ header {
8+ background-color : # ef5350 ;
9+ }
110body {
211 background-color : # f5f5f5 ;
312 font-family : "Segoe UI" , Tahoma, Geneva, Verdana, sans-serif;
615 flex-direction : column;
716}
817header {
9- background-color : # ef5350 ;
10- box-shadow : 0 2px 10px rgb (0 0 0 / 0.1 );
18+ box-shadow : 0 2px 10px rgba (0 , 0 , 0 , 0.1 );
1119}
1220.navbar {
1321 padding : 1rem 2rem ;
@@ -26,14 +34,14 @@ header {
2634}
2735# pokemonSearch : focus {
2836 border-color : # 3d7dca ;
29- box-shadow : 0 0 0 0.25rem rgb (61 125 202 / 0.25 );
37+ box-shadow : 0 0 0 0.25rem rgba (61 , 125 , 202 , 0.25 );
3038}
3139.pokemon-list {
3240 margin : 30px auto;
3341 padding : 0 15px ;
3442}
35- .pokemon-list .col-md-4 ,
36- .pokemon-list .col-12 {
43+ .pokemon-list .col-12 ,
44+ .pokemon-list .col-md-4 {
3745 padding : 10px ;
3846}
3947.pokemon-list li {
@@ -49,43 +57,42 @@ header {
4957 background-color : # 3d7dca ;
5058 border : none;
5159 color : # fff ;
52- transition : all 0.3s ;
60+ transition : 0.3s ;
5361 text-transform : capitalize;
54- box-shadow : 0 4px 8px rgb (0 0 0 / 0.1 );
5562}
5663.pokemon-list li button : hover {
5764 background-color : # ffcb05 ;
5865 color : # 2a75bb ;
5966 transform : translateY (-3px );
60- box-shadow : 0 6px 12px rgb ( 0 0 0 / 0.15 );
67+ box-shadow : 0 6px 12px rgba ( 0 , 0 , 0 , 0.15 );
6168}
6269.modal-content {
6370 border-radius : 15px ;
6471 border : 3px solid # ffcb05 ;
6572}
6673.modal-header {
67- background-color : # ef5350 ;
6874 color : # fff ;
6975 border-bottom : 2px solid # ffcb05 ;
7076}
77+ .modal-body ,
78+ .modal-footer ,
79+ .modal-img {
80+ background-color : # f5f5f5 ;
81+ }
7182.modal-title {
7283 text-transform : capitalize;
7384 font-weight : 700 ;
7485}
7586.modal-body {
76- background-color : # f5f5f5 ;
7787 padding : 30px ;
7888}
7989.modal-img {
80- background-color : # f5f5f5 ;
8190 border-radius : 50% ;
8291 padding : 15px ;
8392 margin-bottom : 20px ;
8493 border : 3px solid # 3d7dca ;
85- box-shadow : 0 4px 8px rgb (0 0 0 / 0.1 );
8694}
8795.modal-footer {
88- background-color : # f5f5f5 ;
8996 border-top : 2px solid # ffcb05 ;
9097}
9198.btn-secondary {
@@ -96,7 +103,6 @@ header {
96103 background-color : # 2a75bb ;
97104}
98105footer {
99- background-color : # ef5350 ;
100106 color : # fff ;
101107 margin-top : auto;
102108}
0 commit comments