header{
  background-color: white;
}

.str{
  font-family:fantasy;
}

.main{
background-color:black;
color:white;
height: 300px;
text-align: center;
border: solid 3px white;
}

.wel{
  position: relative;
  top:130px;
  font-family: fantasy;
  font-size: 50px;
}

.div2{
  background-color: rgb(177, 175, 172);
  text-align: center;
}

.bt1{
height:100px;
border:solid 5px black;
border-radius:50px;
background-color:white;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.bt2{
height:120px;
border:solid 5px white;
border-radius:60px;
background-color:black;
color: white;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.bt3{
height: 110px;
border:solid 5px black;
border-radius:150px;
background-color:rosybrown;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.bt4{
  height: 110px;
  border:solid 5px black;
  border-radius:150px;
  background-color:sandybrown;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}

.art-div{
  background-color: rgb(119, 117, 117);
  background: linear-gradient(138deg,#808080, #FFFFFF)
}

.p2{
  font-family: Alkatra,fantasy;
}

.ex-par{
  font-family:fantasy;
  text-align: center;
  font-size:20px;
  
}

.head2{
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.bt5{
  height: 110px;
  border:solid 5px black;
  border-radius:150px;
  background-color:white;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}

body{
  background: linear-gradient(138deg,#000000, #FFFFFF)
}

form {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #000000;
  border-radius: 5px;
  padding-right: 40px;
}

h2 {
  text-align: center;
}

label {
  display: block;
  margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
input[type="password"] {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

input[type="submit"] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

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

footer{
  color:white;
  background-color: #000000;
  padding-left: 10px;
  border-radius: 4px;
}