FreeCodeCamp_Projects/SFCSS.css at main · Srilakshmi-Kande/FreeCodeCamp_Projects · 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
body{
    width:100%;
    height:100vh;
    margin:0;
    background-color:rgba(0,127,0,50%);
    color:#f5f6f7;
    font-family:Tahoma;
    font-size:16px;
   }

   h1,p{
    margin:1em auto;
    text-align: center;
   }

   form{
    width:60vw;
    max-width:500px;
    min-width:350px;
    margin:0 auto;
    background-color:rgba(0,127,255,60%);
    padding-bottom:2em;
   }

   fieldset {
    border:none;
    padding:2rem 0;
    border-bottom:3px solid #3b3b4f;
   }

   fieldset:last-of-type {
    border-bottom:none;
   }

   label {
    display: block;
    margin:0.5rem 0;
   }

   input, textarea, select {
    margin:10px 0 0 0;
    width:100%;
    min-height:2em;
   }

   input, textarea {
    background-color:white;
    border:1px solid #0a0a23;
    color:black;
   }
   .inline {
    width:unset;
    margin:0 0.5em 0 0;
    vertical-align: middle;
   }

   input[type="submit"]{
    display: block;
    width:60%;
    margin:1em auto;
    height:2em;
    font-size:1.1rem;
    background-color:#00ff00;
    border-color: white;
    min-width:300px;
   }

   .inline {
    display: inline;
   }