body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  text-decoration: none;
}
.list .active a{
  background-color: rgb(119, 5, 5);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .active a:hover{
  background-color: red;
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .sifrem a{
  background-color: rgb(66, 59, 59);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .sifrem a:hover{
  background-color: rgb(114, 106, 106);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .admin a{
  background-color: rgb(132, 130, 6);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .admin a:hover{
  background-color: rgb(209, 189, 12);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .facebook a{
  background-color: rgb(3, 18, 130);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .facebook a:hover{
  background-color: rgb(58, 16, 243);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .giris a{
  background-color: green;
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .giris a:hover{
  background-color: rgb(56, 188, 56);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}
.list .kayit a{
  background-color: rgb(146, 1, 141);
  color:rgb(255, 255, 255);
  padding : .5rem 1rem;
  border-radius: .5rem;
}
.list .kayit a:hover{
  background-color: rgb(217, 36, 234);
color:rgb(255, 255, 255);
padding : .5rem 1rem;
border-radius: .5rem;
}

a:-webkit-any-link {
  text-decoration: none;
  color: white;
}


.navbar {
  box-shadow:inset 2px 2px 10px 4px rgb(49, 49, 230);
  background: rgb(4, 4, 108);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}
.navbar a {
  text-decoration: none;
}
.navbar img {
  margin-left: 150px;
  width: 15rem;
  height: auto;
}
.list {
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
  display: flex;
  gap: 10px;
  margin-right: 30px;
}

#toggler,
.navbar label {
  display: none;
}

@media all and (max-width: 800px) {
  .navbar img {
    margin-left: 2rem;
    width: 10rem;
    height: auto;
  }


  .menu {
    width: 100%;
    max-height: 0;
    overflow: hidden;
  }
  .list {
    flex-direction: column;
    padding: 1px;
  }
  .navbar label {
    color: #f1f1f1;
    display: inline-flex;
    cursor: pointer;
  }
  #toggler:checked ~ .menu {
    max-height: 100%;
  }
  .list .active a,
  .list .facebook a,
  .list .sifrem a,
  .list .kayit a,
  .list .giris a,
  .list .admin a {
   background-color: transparent;
   padding:0;

  }
  .list .active a:hover,
  .list .facebook a:hover,
  .list .sifrem a:hover,
  .list .kayit a:hover,
  .list .giris a:hover,
  .list .admin a:hover {
   background-color: transparent;
   padding:0;

  }

  .list a {
    font-size: 12px;
  }
  }