@import url(../fonts/fonts.css);

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           
}

body{
  font-family: sans-serif;
  background: url(/images/background.png) center/cover no-repeat;
  height:100vh;
  min-height: 100vh;
background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  position: relative;
  overflow-x: hidden;
}
/* логотип */
.brand{
  display: flex; 
  align-items: center; 
  gap:2vh; 
  color: white;
}

.brand__img{
 width: 13vh; 
 height: 13vh;
}

.brand__text{
 display: flex; 
 font-family: Montserrat;
 font-weight: 200;
 font-style: normal;
 flex-direction: column;
 margin-left: -4vh;
 margin-bottom: 1vh;
 font-size: 2vh;
}

/* центрирование */
.center{
  position:relative;
  z-index:1;
  height:85vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* карточка */
.panel{
  width:45vh;
  background:white;
  border-radius:2vh;
  padding:3vh 2vh;
  text-align:center;
  box-shadow:0 2vh 5vh rgba(0,0,0,0.3);
}

.panel__head{
  font-family: 'Miama'; 
  display:flex;
  align-items:center;
  font-size: 13vh;
  justify-content:center;
  gap:1vh;
  margin-bottom:1vh;
}

.panel__clip{
  width:25vh;
  height:10vh;
}

.panel__sub{
  font-size:1.8vh;
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
}

/* список */
.list{
  width:44vh;
  margin-top:2vh;
  display:flex;
  flex-direction:column;
  gap:2vh;
}

/* кнопка */
.item{
  height:8vh;
  background:white;
  border-radius:2vh;
  display:grid;
  grid-template-columns:9vh 1fr 5vh;
  align-items:center;
  padding:0 2vh;
  text-decoration:none;
  color:black;
  box-shadow:0 2vh 5vh rgba(0,0,0,0.3);
}

.item:hover {
    background-color: #c0c5c9; 
}
/* круг иконки */
.iconWrap{
  width:5vh;
  height:5vh;
  display:flex;
  align-items:center;
  justify-content:center;
}

.iconWrap img{
  width:8vh;
  height:8vh;
}

.item span{
  font-family: Montserrat;
  font-weight: 400;
  font-size:2vh;
  text-align:center;
}

.arrow{
  margin-left: 3vh;
  width:3   vh;
  height:4vh;
}

/* ссылка снизу */
.site{
  margin-top:1vh;
  font-size:1.8vh;
  color:white;
  text-decoration:none;
  text-align:center;
}

.site:hover{
    color: #c0c5c9;
}

.mainText {
     text-align: center;
     margin: 25vh auto;
     font-size: 10vw;
     color: rgb(179, 176, 176);
     font-family: Montserrat;
}

.mainText:hover {
    color: rgb(117, 115, 115);
}

@media (max-width: 768px) {
    .mainText {
    font-size: 10vw;
    margin: 25vh auto;
    }
}