body{
    background-color: rgb(228, 228, 228);
}
div#başlıq, .klas{
  width: 1100px;
  margin-left: auto;
  margin-right: 0;
  border: 2px solid lightblue;
  background: white;
  padding: 20px;
  box-sizing: border-box;
}
div#başlıq {
  height: 170px;
}
#ilkp{
  font-style: italic;
  color: grey;
  font-family: Arial, Helvetica, sans-serif;
}
h1{
  font-weight: lighter;
  font-style: italic;
  padding-top: 10px;
  margin: 0;
}
span {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  position: fixed;
}

.icinde{
  padding: left;
  color: black;
}
.cr{
  color: black;
  text-decoration: none;
  font-size: x-large;
  font-family: Arial, Helvetica, sans-serif;
  align-items: center;   
  padding-left: 10px; 
  padding-top: 25px;
  font-style: italic;
}
.cr:hover{
  transition: 0.3s;
  color: rgb(83, 83, 83);
}
.klas{
  height: 5200px;
}
.dordp{
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 10px; 
  padding-top: 0px;
  display: inline-block;
  height: auto;
  width: auto;
  padding-bottom: 70px;
}
.system{
  margin-top: 20px;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 10px; 
  padding-top: 10px;
  display: inline-block;
  height: auto;
  width: auto;
  padding-bottom: 0px;
}
.sekil6{
  width: 220px;
    margin: 0 0px 20px auto;
    margin-left: auto;
    margin-right: 0px;
    text-align: center;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 8px;
    float: right;
    margin-top: 20px;
}
.beden6{
 width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.nem6{
  font-size: 14px;
  color: #555;
  margin-top: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
.hover:hover{
  color: blue;
  transition: 0.3s ;
}
.hover{
  text-decoration: none;
  color: black;
}