html{
  background-color: rgb(0,0,0);
}

p{
  color: rgb(255, 255, 255);
  margin-left: 5% !important;
  margin-right: 5% !important;
}
p.discription{
  color: rgba(148, 151, 172, 0.8);
}
p.copyright{
  text-align: center;
  font-size: small;

  bottom: 0;
}
h1.name{
  text-align: center;
  font-size: big !important;
}
a{
  text-decoration: none;
  color: #0660bb;
}
.tab1{
  margin-left: 10%;
  text-decoration: blink;
  color: rgb(255, 255, 255);
}
.tab2{
  margin-left: 1.5%;
  text-decoration: blink;
  color: rgb(255, 255, 255);
}
.active{
  text-decoration: underline !important;
  font-weight: bold;
  color: rgba(255,255,255,0.5);
}

.tab1{
  -webkit-transition: all 1s ease;
          transition: all 1s ease; 
}
.tab1:hover{
  color: rgba(255,255,255,0.5); /* Меняем цвет текста */
}

.tab2{
  -webkit-transition: all 1s ease;
          transition: all 1s ease;
}

.tab2:hover{
  color: rgba(255,255,255,0.5); /* Меняем цвет текста */
}

.ico{
  float: left;
  margin-left: 1%;
  margin-top: -0.5%;
  height: 2.25em;
  width: 2.25em;
}
a.next-ico{
  text-decoration: none;
  margin-left: 1%;
  color: rgb(255, 255, 255);
}
code {
  color: white;
  background-color: #424242;
  border-radius: 0.5rem;
  padding: 0 0.3em;
}
footer {
  color: white;
}

hr{
  border-color: #0660bb;
}

.top{
  color: rgb(0, 0, 0);
  background-color: #0660bb;
  border-radius: 0.15rem;
  padding-top: 1%;
  padding-bottom: 1%;
  top: 0;
  position: sticky;
}

.log-in{
  color: black;
  background: white;
  border-radius: 0.35rem;
  float: right;
  margin-right: 1%;
  padding: 0 0.3em;
}