nav {
  background-color: #FFB6C1;
  color: #7FFFD4;
  padding: 10px;
}

nav a {
  color: #00008B;
  text-decoration: none;
  margin-right: 20px;
}

nav a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  /* Adjust styles for smaller screens */
}


footer {
  background-color: #00FFFF;
  color: #00008B;
  padding: 10px;
  text-align: center;
}

body {
  background-image: url('background.jpg');
  background-size: cover;
}

.image-modified {
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#text-effect {
  text-shadow: 2px 2px blue;
}

.picture-effect {
  /* Define image effect styles */
}

#linear-gradient {
  background: linear-gradient(aqua, coral);
}

#animation {
  
  
}
	


#transition-effect {
 width: 80px;
 height: 50px;
 background-color:DeepSkyBlue;
 transition: width 1s, height 5s;
}
transition-effect:hover {
	width: 200px;
	height: 50px;
}
	
#transformation {
 background-color:aqua;
 transform: scale(0.6, 1.2) ;
}

form {
  /* Form styles */
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

input[type="submit"] {
  background-color: #00FFFF;
  color: #00008B;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #7FFFD4;
}