﻿html {
  height: 100%;
}
html, body, header, main, ul, li, a, img, div,p,h1,h2,h3 { 
  margin: 0; /* Убираем внешние отступы */
    padding: 0; /* Убираем внутренние отступы */
   }
body {

  height: 100%;
}



.scale {
  transition: 1s; /* Время эффекта */
}
.scale:hover {
  transform: scale(1.3); /* Увеличиваем масштаб */
}

.networks{
width: 50px;
height: 0%;
z-index: 5;
position: fixed;
right: 0;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
main h1{
  text-align:  center;
}
main h3{
  text-align:  center;
}




.maine {
  
  background: linear-gradient(to bottom, #ccccff 0%, #ffffff 100%);  
}

.header_fone {
  height: 50px;
  width: 100%;
}
.footer_fone {
  height: 82px;
}
.block{
  position: relative;
  height: auto;
    width: auto;
    text-align: center;
  /* background: linear-gradient(to bottom, #ccccff 0%, #ffffff 100%); */
}
.block_fon{
  position: relative;
  height: auto;
    width: auto;
    text-align: center;
  background: linear-gradient(to bottom, #ccccff 0%, #ffffff 100%);
}
.table{
  overflow-x: scroll;
}
.test{
  height: 100px;
  width: 200px;
}

.type{
  background-color: white;
    border-radius: 10px;
    border: 2px solid black;
    overflow: hidden;
}

.Button_block .button {
  text-decoration: none;
  outline: none;
  display: inline-block;
  margin: 10px 10px;
  padding: 10px 10px;
  position: relative;
  border: 2px solid #9e1111;
  color: #9e1111;
  font-family: 'Montserrat', sans-serif; 
  transition: .4s;
  background: #ef7d1b;
  color: white;
}
.Button_block .button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border: 2px solid rgba(0,0,0,0);
  transition: .4s;
}
.Button_block .button:hover:after {
  border-color: #9e1111;
  width: calc(100% - 10px);
  height: calc(100% + 10px);
}






.button {
  text-decoration: none;
  outline: none;
  display: inline-block;
  margin: 10px 10px;
  padding: 10px 10px;
  position: relative;
  border: 2px solid #9e1111;
  color: #9e1111;
  font-family: 'Montserrat', sans-serif; 
  transition: .4s;
  background: #ef7d1b;
  color: white;
}
.button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border: 2px solid rgba(0,0,0,0);
  transition: .4s;
}
.button:hover:after {
  border-color: #9e1111;
  width: calc(100% - 10px);
  height: calc(100% + 10px);
}





.span_text{
  font-size: 11px;
  margin: -9px -3px 0px 0px;
  padding: 0;
}





}
