sanidhya2000.github.io/style.css at master · sanidhya2000/sanidhya2000.github.io · 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
html,body{
	width: 100%;
	height: 100%;
}
.startup{
	background-position: center;
	background-image: url(https://cdn-images-1.medium.com/max/1200/1*1uIttjuEz_Ry7EghgQnHkA.gif);
	image-rendering: pixelated;
	background-size: cover;
	height: 100%;
}

h1{
	margin:0 auto;
    margin-top: 250px;
	font-family: 'Jua', sans-serif;
	border:2px solid #FBFB5A;
	border-radius: 25px;
	color: white;
	background-color: rgba(255, 255, 124,0.3);
	font-size:3rem;
	text-align: center;

}
.btn{
	margin-top: 50px;
	font-weight: 700;
  text-transform: uppercase;
  border-radius: 300px;
  font-family: 'Montserrat', sans-serif;
}
.btn-xl {
  padding: 1rem 2rem;
}
.btn-primary {
  background-color: rgba(165, 102, 199,0.5);
  border-color: rgba(165, 102, 199,0.5); }
.btn-primary:hover {
  background-color: rgba(165, 102, 199,1.0);
  border-color: rgba(165, 102, 199,1.0);
  border-width: 15px;
  cursor: pointer;
  transition: 1s ease-in-out;
	transform: scale(1,1.5);
}
@keyframes color{
	0%{
		background-color: rgba(255, 255, 124,0.3);
	}
	50%{
		background-color: rgba(251, 136, 90,0.6);
		transform: skew(25deg);
	}
	100%{
		background-color: rgba(107, 221, 107,0.7);
	}
}
h1:hover{
	cursor: no-drop;
	transition: 1s ease-in-out;
	transform: scale(1.2,3);
	animation-name: color;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}