@media screen and (max-width:1200px){
  .under-header{
    width: 1200px;
  }
}
@media screen and (max-width:998px){
  .under-header{
    width: 998px;
  }
}
@media screen and (max-width:767px){
  .under-header{
    width: 768px;
  }
}
@media screen and (max-width: 576px){
  .under-header{
    width: 576px;
  }
}
html, body{
  margin: 0;
}
.m{
  float: left;
  margin-left: 30px;
  margin-top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-size: cover;
  background-image: url(k.png);
}
.header{
  margin-top: 70px;
  background: linear-gradient(#32006f, #000ed3);
  height: 80px;
  width: 1000px;
  margin-left: 250px;
  transition: 1s; 
  border-radius: 100px;
}

.under-header{
  height: 450px;
  width: 100%;
  background: linear-gradient(90deg, #410091, #5e69ff);
  margin-top: 50px;
}



.in-under-header{
  height: 65px;
  width: 600px;
  background: rgb(255, 0, 21);
  border-radius: 15px;
  float: left;
  margin-top: 200px;
  margin-left: 300px;
}

.text{
  color:white;
  font-size: 40px;
  float: left;
  margin-top: 5px;
  margin-left: 4px;
  letter-spacing: 3px;
  font-style: oblique;
}
.line{
  width: 2px;
  height: 50px;
  background: #383838;
  margin-left: 300px;
  margin-top: 40px;
}
.circle{
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: rgb(255, 0, 55);
  margin-left: 20px;
  margin-top: 5px;
  float: left;
}
.div-text{
  width: 700px;
  height: 50px;
  margin-left: 50px;
}
.text2{
  font-size: 20px;
}
.text3{
  color: white;
  font-size: 50px;
  float: left;
  margin-left: 200px;
  margin-top: 5px;
  letter-spacing: 5px;
  font-style: oblique;
}
.s{
  height: 1000px;
}
.texta{
  color: white;
  float:left;
  font-size: 30px;
  margin-top: 15px;
  transition: 1s;
  margin-left: 30px;
}
.texta:hover{
  color: #5e69ff;
}
.text180{
  color: white;
  font-size: 50px;
  float: left;
  margin-left: 300px;
  margin-top: 5px;
  letter-spacing: 5px;
  font-style: oblique;
}
.a{
 height: 200px;
 width: 700px;
 border: 1px solid rgb(174, 172, 172);
 border-radius: 50px;
 margin-left: 200px;
 margin-top: 100px;
 padding: 3% 10%;
}
.class{
  float: left;
  margin-top:0;
  margin-left:30px;
  font-size: 20px;
  letter-spacing: 2px;
  font-style: oblique;
}
.tr{
  height: 50px;
  width: 700px;
  background: linear-gradient(90deg, rgb(255, 255, 255), #00ff1a, orange, #fb7500, #ff0000);
  border-radius: 25px;
  margin-top: 100px;
  border: 2px solid #000;
}
.clas{
  text-decoration: none;
  color: #0e008d;
}
.mr{
  letter-spacing: 71px;
  margin-left:5px;
}
.afer-line{
height: 75px;
width: 250px;
border-radius: 25px;
margin-top: 50px;
margin-left: 300px;
float:left;
border: 1px solid rgb(174, 172, 172);
padding: 1% 2%;
transition: 1s;
}
.meow{
  text-decoration: none;
  font-size: 25px;
  color: #000000;
}
.afer-line:hover{
background: #0e008d;
}
.meow:hover{
  color:white;
}
table{
  border: 1px solid #383838;
  width: 100%;
  margin-top: 40px;
}
table, th, td {
  border: 1px solid;
  margin-top:40px;
}
.si{
height: 200px;
 width: 700px;
 border: 1px solid rgb(174, 172, 172);
 border-radius: 50px;
 margin-left: 400px;
 margin-top: 100px;
 padding: 50px 150px ;
}

.in-under-headere{
  height: 65px;
  width: 700px;
  background: rgb(255, 0, 21);
  border-radius: 15px; 
  float: left;
  margin-top: 200px;
  margin-left: 300px;
}

.kalinka{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #000;
}
.circles{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #000;
  margin-left: 25%;
}
.circlek{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #000;
  margin-left: 325px;
}
.circlem{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #000;
  margin-left: 450px;
}
.circlei{
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #000;
  margin-left: 650px;
}

.aldo{
  width: 100%;
  height: 1px;
  background-color: #535353;
  margin-top: 50px;

}

.mip{
  font-size: 18px;
  color: #535353;
}

.in-under-headerl{
  height: 65px;
  width: 750px;
  background: rgb(255, 0, 21);
  border-radius: 15px; 
  float: left;
  margin-top: 200px;
  margin-left: 300px;
}