HappyBirthday/style.css at main · IBonheur/HappyBirthday · 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
.body-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: radial-gradient(#00E7BD, #013A4E);
	transition: all 0.5s;
}

.container {
	width: 80%;
	height: 80%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: linear-gradient(#9ea9a7, #0f3543);
	box-shadow: 0 0 20px 2px #013A4E;
}

.container-data {
	padding: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: #fff;
	font-family: Arial;
	font-size: 3vw;
}

.float{
	font-weight: 80% !important;
	font: 5em sans-serif;
	color: #fff;
}

@media only screen and (max-width: 763px) {
	.container-data {
		padding: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translateX(-50%) translateY(-50%);
		text-align: center;
		color: #fff;
		font-family: Arial;
		font-size: 6vw;
	}
}

@media only screen and (max-height: 423px) {
	.container-data {
		padding: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translateX(-50%) translateY(-50%);
		text-align: center;
		color: #fff;
		font-family: Arial;
		font-size: 4vw;
	}


}