@charset "utf-8";
/* CSS Document */

html {
	scroll-behavior: smooth;
}
body {
  font-family: Arial, sans-serif;
  margin: 0;
}

nav {
  position: sticky;
  top: 0;
  background-color: #212121;
  padding: 10px 0;
  font-family: 'Caveat', cursive;
	font-size: 30px;
	z-index: 1000;
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0px 100px;
  display: flex;
  justify-content: center;
  z-index: 1000;
}

nav li {
  margin: 0 20px;
}

nav li a {
  color: #fff;
  text-decoration: none;
  font-size: 25px;
}

.rotate {
  animation: rotation 8s infinite linear;

	

}
h1 {
	font-family: 'Changa One', cursive;
	font-size: 100px;
	color: #ff4e00;
	padding-bottom:-500px;
}

h2 {
	text-align:center;
	font-size: 30px;
	font-family: 'Caveat', cursive;
	color: #212121;
}
h3 {
	font-family: 'Changa One', cursive;
	font-size: 40px;
	color: #ff4e00;
	color: #212121;
}

h4 {
	font-family: 'Changa One', cursive;
	font-size: 35px;
	color: #ff4e00;
	font-kerning:30%;
}
p {
	text-align:center;
	font-size: 30px;
	font-family: 'Caveat', cursive;
	color: #212121;
}

label {
	font-size: 20px;
	font-family: 'Caveat', cursive;
	color: #212121;
	padding: 20px;
}

button {
	font-size: 20px;
	font-family: 'Caveat', cursive;
	color: #212121;
	background-color:#ff4e00;
	border-radius: 60px;
	border-color:#FFFFFF;
	padding: 5px 40px;
}
section {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
 flex-direction:column;
}
.heading {
	padding-top: 20%;
	
}
.para1 {
	padding-top: 10%;
}
.column1 {
	display: flex;
	padding-bottom: 40%;
	padding-right: 10%;
}

#blackline {
	background-color: #212121;
	 height: 10vh;
}

#blackline2 {
	background-color: #212121;
	 height: 10vh;
}

#blackline3 {
	background-color: #212121;
	 height: 10vh;
}

#blackline4 {
	background-color: #212121;
	 height: 40vh;
}

#home {
  background-color: #fff4de;
}

#about {
  background-color: #3364ff;
}

#services {
  background-color: #ff4e00;
}

#contact {
  background-color: #fff4de;
}

#contact2 {
	align-items: center;
 flex-direction: column;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
	}