body {
  font-family: cursive;
  background-color: black;
  scroll-behavior: smooth;
}
.fuck{
  color: black;
  
}
.logo {
  width: 10%;
  float: left;
  margin: -60px;
}
.menu {
  border: black 1px solid;
  background-color: rgb(0, 0, 0);
  text-align: center;
  margin-top: 10px;
  padding: 90px;

  float: right;
  width: 90%;
}
.links {
  margin: 10px;
  text-decoration: none;
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 15px;
  font-size: 22px;
}
a:hover {
  background-color: #f78f1e;
  transition: 0.5s;
  padding: 15px;
  border-radius: 5px;
  
}
i {
  margin: 5px;
  color: white;
}
.value-home {
  width: 95%;
  padding: 15px;
}
.value {
  width: 40%;
  border-radius: 10px;
  float: left;
  margin-right: 15px;
}
h1 {
  text-align: center;
  color: white;
}
.txt1 {
  color: white;
}
.txt2 {
  color: white;
  margin: 5px;
}
.txt3 {
  color: white;
  margin: 5px;
}
.txt4 {
  color: white;
  margin: 5px;
}
hr{
  color: white;
  width: 98%;
}
.value1{
  width: 98%;
  border-radius: 15px;
  margin-right: 10px;
}
.txt5{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.txt6{
  color: white;
  margin-right: 5px;
  width: 95%;
}.txt7{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.articles{
  width: 100%;
  
}
.value-article1{
  width: 32%;
  border: 1px black;
  
  float: left;
}
.value-article2{
  width: 32%;
  border: 1px black;
  
  float: left;
  margin: 10px;
  
}
.value2{
  width: 98%;
  border-radius: 15px;
  margin-right: 10px;
  margin-top: 12px;
}
.txt8{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.txt9{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.txt10{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.txt11{
  color: white;
  margin-right: 5px;
  width: 95%;
}
h2{
  color: white;
  text-align: center;
}
.value-article3{
  width: 32%;
  border: 1px black;
  
  float: left;
  margin: 10px;
}
.value3{
  width: 98%;
  border-radius: 15px;
  margin-right: 10px;
  margin-top: 12px;
  margin-top: -30px;
}
.txt12{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.txt13{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.txt14{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.txt15{
  color: white;
  margin-right: 5px;
  width: 95%;
}
.hr1{
  color: white;
  width: 98%;
}
.label1{
  color: white;
  float: left;
  margin-left: 30px;
  font-size: 18px;
}
.input1{
  width: 40%;
  float: left;
  margin-left: 30px;
  font-size: 18px;
}
.input2{
  width: 40%;
  float: right;
  margin-left: 5px;
  font-size: 18px;
}
.input3{
  width: 97%;
  float: left;
  font-size: 18px;
  margin-left:30px ;

}
.menu2{
  border: black 1px solid;
  background-color: rgb(179, 98, 0);
  text-align: center;
  margin-top: 10px;
  padding: 90px;  
  float: right;
  width: 90%;
}
textarea{
  margin-left: 550px;
  text-align: center;
}
#the{
  margin-left: 800px;
}
.links2:hover{
  background-color: #000000;
  transition: 0.5s;
  padding: 15px;
  border-radius: 5px;
}
.links2{
  margin: 10px;
  text-decoration: none;
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 15px;
  font-size: 22px;
}