*{
  padding: 0;
  margin: 0;
background: black;
}

.all{
  width: 90vw;
  margin: 18vw auto 0 auto; /* top 18vw, left/right auto = по центру */
text-align: center;
}

.all1{
  width: 90vw;
  margin: 0 auto; /* по центру */
text-align: center;
}

h1{
  font-size: 8vw;
  margin: 4vw 0;
color: #ccc;
}

h2{
  font-size: 6vw;
  margin: 3vw 0;
color: #ccc;
}

h3{
  font-size: 4.5vw;
  margin: 2.25vw 0;
color: #ccc;
}

p{
  font-size: 6vw;
  margin: 2vw 0;
color: #ccc;
}

body{
}

main{
}

a{
text-decoration: none;
color: #22dddd;
}

img{

}

span{
}

#all{
}

#frame{
}

.br{
height: 4vw;
}

.pc1{
width: 100%;
border: 0.4vw #888 solid;
}

.yellow{
color: #dddd22;
}

.cyan{
color: #22dddd;
}

.lime{
color: #22dd22;
}

.gp{
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5vw;
}

.gp a{
display: block;
}

.mg1{
width: 100%;
}

.gimg{
border-radius: 100%;
width: 100%;
aspect-ratio: 1/1;
}

.gp1{
width: 100%;

}

.tab1{
width: 100%;
display: flex;
justify-content: space-between;
border: 0.4vw gray solid;
}



.put:-moz-autofill,
.put2:-moz-autofill {
  width: 100% !important;
  
aspect-ratio: 10/1 !important;
  background: black !important;
  color: blue !important;

}

.put,
.put2 {
  width: 100% !important;
  
aspect-ratio: 10/1 !important;
  background: black !important;
  color: cyan !important;
font-size: 4vw;
}




.sub { width: 100%;
aspect-ratio: 10/1;display:inline;background-color:cyan;font-size:4vw;border: 0.4vw solid white;}

/* Tablet */
@media (min-width: 768px){
  .all{
    width: 70vw;
    margin-top: 10vw;
  }

  .all1{
    width: 70vw;
  }

  h1{
    font-size: 4.2vw;
    margin: 2.1vw 0;
  }

  h2{
    font-size: 3.2vw;
    margin: 1.6vw 0;
  }

  h3{
    font-size: 2.4vw;
    margin: 1.2vw 0;
  }

  p{
    font-size: 2.1vw;
    margin: 1.05vw 0;
  }

  .br{
    height: 3vw;
  }

  .pc1{
    border-width: 0.25vw;
  }

  .gp{
    gap: 3vw;
  }

  .tab1{
    border-width: 0.25vw;
  }

.put,
.put2 {
  
font-size: 3.2vw;
}




.sub { font-size:3.2vw;}
  
}

/* Laptop / Desktop */
@media (min-width: 1200px){
  .all{
    width: 50vw;
    margin-top: 4.25vw;
  }

  .all1{
    width: 50vw;
  }

  h1{
    font-size: 2.7vw;
    margin: 1.35vw 0;
  }

  h2{
    font-size: 2vw;
    margin: 2vw 0;
  }

  h3{
    font-size: 1.5vw;
    margin: 0.75vw 0;
  }

  p{
    font-size: 1.3vw;
    margin: 0.65vw 0;
  }

  .br{
    height: 2vw;
  }

  .pc1{
    border-width: 0.2vw;
  }

  .gp{
    gap: 2vw;
grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .tab1{
    border-width: 0.2vw;
  }

.put,
.put2 {
  
font-size: 2vw;
}




.sub { font-size:2vw;}
  
}


}