.content{
	background: rgba(110, 110, 110, 1.0);
	margin-top: 10px;
	border-radius: 10px;
}
.card-header{
	background-color: #fed13699;
	transition: 0.2s;
}
.card-body: hover{
	border: 2px solid black;
	transition: 0.2s;

}
.card:hover .card-header{
	border: 4px solid black;
}
.img {
	background-color: #aaa;
	padding: 20px;
	background-size: cover ;
	background-position: center;
}
i{
	front-size: 20px !important;
	padding-right: 15px;
}
a{
	text-decoration: none !important;
	color: black;
}
header{
	background-image: url();
	background-position: bottom;
	padding: 40px;
	text-align: center;
	height: 380px;
	width: 100vh;
}
.footer{
 text-align: center;
}
/*темная тема*/

label{
  position: absolute;
  width: 45px;
  height: 26px;
  right: 20px;
  top: 20px;
  border:2px solid;
  border-radius: 20px;
  
}
label:before{
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 1px;
  top: 1px;
  border-radius: 50%;
  cursor: pointer;
  background: black;
  transition: 0.4s;
}

label.active:before{
  left:21px;
  background: rgba(255, 255, 255, 0.8);
  color: black;
}
body.night{
    background: #20222c;
    color: grey;
}