@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
*{
	margin: 0;
padding: 0;
	
}

body::-webkit-scrollbar {
  width: 0px;               /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
  background: orange;        /* цвет дорожки */
}
body {

	cursor: url(cursor.svg)16 16, url(cursor2.svg), default;
height: 100vh;
overflow-y: hidden;
font-family: roboto, sans serif;
}

a {
text-decoration: none;
	color: white;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
a
{

	cursor: url(cursor2.svg)16 16, url(cursor2.svg), pointer;



}
a:visited {
  color: white;
}
.center
{
	z-index: 2;
	height: 30vh;
	width: 100vw;
	background-color: #ffbe99;


}
.logo
{
	margin: auto;
	width: 30%;
	height: 100%;
z-index: 2;
	background-image: url("Pictures/Ресурс 2.svg");
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
}

.before_all
{
	height: 100%;
	padding: 5% 10%;
	background-color: #ffbe99;
	background-size: cover;
	background-position: center;
}
.before_all
{
}
.all
{

	height: 20%;
	display: grid;
  grid-template-columns: auto auto auto; /* Задает три столбца равной ширины */
  grid-gap: 1vw; /* Задает промежуток между элементами */
	text-align: center;

}
.block
{
	background: #FFF1E1;
	border-radius: 1vw;

	display: flex;
  justify-content: center;
  align-items: center;
	height: 20vh;
		color: #bb2649;
	font-size: 1em;
	transition:  0.5s ease-in-out; 


	
}
a:active .block
{	
	background:#9F7651;
}
.block:hover
{
	background:#9F7651;
color: #FFF1E1;
	height: 110%;
}

@media (max-width: 800px )
{
	.logo
	{
		width: 65%;
		
	}
	.all
	{
		height: auto;

  grid-template-columns: auto; /* Задает три столбца равной ширины */
  grid-gap: 2vw; /* Задает промежуток между элементами */
	}
	.block
{

	border-radius: 1vh;

	display: flex;
  justify-content: center;
  align-items: center;
	height: 10vh;
	font-size: 1em;
	transition:  0.2s ease-in-out; 


	
}
	
	
	.before_all
{
	padding-top: 20%;

}
	.block:hover
{
	height: 22vh;
}
}