cryptoCube/main.css at master · saikiranrudra/cryptoCube · 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
/*
    setting up basic layout
*/
*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    font-size: 62.5%;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}
/*
    Styling title
*/
.heading {
    color: rgb(96, 141, 199);
    font-size: 9.708rem;
    text-transform: uppercase;
    margin: 5rem 3rem;
}
/*
    styling button
*/
.btn {
    background-color: rgb(96, 141, 199);
    color: #eee;
    padding: 1.618rem 3.236rem;
    font-size: 3.236rem;
    outline: none;
    border: none;
    border-radius: .5rem;
    cursor: pointer;
}
.btn__clicked {
    background-color: rgb(22, 255, 111);
}
.btn__align {
    margin: 0 3.236rem;
}
/*
    styling button container
*/
.btn__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);

}
/*
styling input tags
*/

.input, .output, .key {
    font-size: 3.236rem;
    padding: 0.809rem 1.168rem;
    margin: 1rem;
    color: rgb(96, 141, 199);

}