Check-Internet-Connectivity-Using-Javascript/style.css at master · addy123d/Check-Internet-Connectivity-Using-Javascript · 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
*{
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

:root{
    --mainfont: 'Poppins',cursive;
}

html{
    height: 100%;
    overflow: auto;
}

body{
    height: 100%;
    color: #ffffff;
}

.connect{
    background: #4e54c8;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #8f94fb, #4e54c8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #8f94fb, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
    overflow-y: auto;
}

#connect-message{
    position: fixed;
    top: -100%;
    width: 100%;
    background: greenyellow;
    padding: 1em 2em 1em 2em;
    box-shadow: 0 0 40px 0px #000000;
}

#message{
    font-family: var(--mainfont);
    text-shadow: 1px 1px 2px #000000;
    text-align: center;
}