*{
	font-family: "Segoe Print";
}

body{
	background-color:rgba(0, 0, 0, 50%);
}

header{
	background-color: black;
	border-radius: 10px;
}

a{
	color:#00FFFF;
}

.black{
	background-color:rgba(0, 0, 0, 35%);
	height: 100%;
	width: 100%;
	border-radius: 10px;
}

.logo{
    position: relative;
    bottom: -30px;
    left: 10px;
    z-index: 2;
}

.h1{
	color: white;
	position:relative;
	bottom:111px;
}

.w{
    color: white;
}

.border{
	border: 5px solid black;
}

.my_div {
  background-color: gree;
}
.my_div:hover {
  background-color: ;
  transition: all 500ms ease-in-out;
}
.my_div:hover .title span {
  display: none;
}
.my_div:hover .title:after {
  content: "Правая Кнопка Мыши.";
  position: relative;
  bottom: 3px;
  left: 0px;
}

.my_div{
	position: relative;
    bottom: 37px;
    left: 795px;
    height: 25px;
    width: 270px;
}

.rel{
	position: relative;
    bottom: -50px;
    left: 20px;
}

.my_div2 {
  background-color: gree;
}
.my_div2:hover {
  background-color: ;
  transition: all 500ms ease-in-out;
}
.my_div2:hover .title2 span {
  display: none;
}
.my_div2:hover .title2:after {
  content: "Правая Кнопка Мыши.";
  position: relative;
  bottom: 0px;
  left: 0px;
  
}

.my_div2{
	position: relative;
    bottom: 37px;
    left: 95px;
    height: 25px;
    width: 270px;
}

.rel2{
	position: relative;
    bottom: -50px;
    left: 20px;
}

.my_div3 {
  background-color: gree;
}
.my_div3:hover {
  background-color: ;
  transition: all 500ms ease-in-out;
}
.my_div3:hover .title3 span {
  display: none;
}
.my_div3:hover .title3:after {
  content: "Правая Кнопка Мыши.";
  position: relative;
  bottom: 0px;
  left: 0px;
  
}

.my_div3{
	position: relative;
    bottom: 37px;
    left: 95px;
    height: 25px;
    width: 270px;
}

.rel3{
	position: relative;
    bottom: -50px;
    left: 20px;
}

.cs{
	background-color: red;
}

.footer {
    color: black;
    position: relative; 
    left: 0;
    bottom: -25; 
    padding: 0px;
    background: yellow;
    height: ;
    width: 100%; 
    box-shadow: 0 0 10px rgba(255, 255, 255,555);
}