code-learners/style.css at main · shivanimishra2006/code-learners · 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
117
*{
    padding:();
    margin:();
}
		body{
			font-family:Arial,sans-serif;
			background-color:lightcoral;
			margin:0;
			padding:0;

			}
            #EVENT{
                width: 100%;
                height: 20px;;
            }
		header{
			background:green;
			color:white;
			padding:20px;
			text-align:center;
			}
		nav a{
			margin:0 15px;
			text-decoration:none;
			color:white;
			font-weight:bold;
			padding:5px 10px;
			border-radius:5px;
			transition:0.3s;

			}
		nav a:hover{
			color:yellow;
			border-bottom:2px solid yellow;
			padding-bottom:3px;
			background:rgba(255,255,255,0.2);
			}

		section{
			padding:20px;
		}
		footer{
			background-color:#222;
			color:white;
			text-align:center;
			padding:10px;
			position:fixed;
			bottom:0;
			width:100%;
			}
			.services{
				display:flex;
				justify-content:center;
				gap:20px;
				margin-top:20px;
				}
			.card{
				background:white;
				border:2px solid #ddd;
				border-radius:10px;
				padding:20px;
				width:150px;
				text-align:center;
				box-shadow:2px 2px 10px rgba(0,0,0,0.1);
				transition:0.3s;

				}
			.card:hover{
				transform:scale(1.1);
				border-color:#4CAF50;
				}
            form{
                width: 100%;
                background-color: black;
                padding: 15px 40px 40px;
                margin: 50px auto 10px;
                border: 2px solid black;
                color: white;
            }
            label{
                display: block;
                margin-block: 10px;
                font-style: italic;
            }
            .dropdown{
                display: inline-block;
            }
           .dropdown button{
            background-color: hsl(0,0%,80%);
            color: white;
            padding:10px 15px;
            cursor:pointer;
           }
           .dropdown a{
            display: block;
            padding: 10px 15px;
            text-decoration: none;
            color: black;
            background-color: hsl(0,0%,90%);
           }
           .dropdown .content{
            display: none;
            position: absolute;
            background-color: hsl(0,0%,90%);
            min-width: 100px;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.2);

           }
           .dropdown:hover .content{
            display: block;
           }
            .dropdown:hover button{
                background-color: hsl(0,0%,70%);
              }
              .dropdown a:hover{
                background-color: hsl(0,0%,80%);
              }