body {
        color:#00ff00;
        background:#000;
      /*подключаем сетку
      display: grid;*/
      /*общий размер — вся высота экрана*/
      height: 80vh;
      /*разбиваем на три части — первая и последняя зависят от содержимого, а средняя занимает всё оставшееся место
      grid-template-rows: auto 1fr auto;*/
      margin: 0;

      /*настройки шрифта*/
      font-size: 1em;
      line-height: normal;
      font-family: Arial, Helvetica, sans-serif;
    
    }

a {
    color:#3795ff;
}
a:visited {
    color:#3795ff;
}
a:hover {
    color: azure;
}

    header {
      /*настройки шапки*/
      margin: 10px auto;
      text-align: center;
      width:200px;
    }
    
        header img {
      /*настройки шапки*/
      height:150px;
      width:150px;
     
    }

    main {
      /*настройки основной части*/
      display: grid;
      place-items: center;
      font-size: 19px;
    
    }

    footer {
      /*настройки подвала*/
      display: grid;
      place-items: center;
     
    }

    /*делаем жёлтые рамки у поля ввода*/
    input{
     /*border: 4px solid #ffdb4d;*/
      font-size: 30px;
    }

    /*отключаем встроенное оформление для ссылок*/
    a{
      text-decoration: none;
    }

    .button{
      /*отключаем стандартное оформление*/
      appearance: none;
      border: 1px solid;
      /*делаем кнопку жёлтой*/
      background-color: #000;
      color:#00ff00;
      /*размер шрифта и кнопки*/
      font-size: 20px;
    /*  width: 70px;
      height: 44px;
      настраиваем отступы
      padding: 9px;
      padding-top: 14px;
      padding-bottom: 10px;*/
      /*сдвигаем текст вплотную к кнопке
      margin-left: -6px;*/
      width: 100%;
    }
    
   .outer {
    padding: 0 10px;
    width: 100%;
    max-width:650px;
    height: 360px;
    text-align: center;
    vertical-align: middle;
    background-color: #000;
    border: 2px solid #999999;
}
.inner {
    display: inline-block;
    width: 100%;
    height: 250px;
    /*background-color: #fcc;*/
}
   .fouter {
    padding: 0 10px;
    width: 100%;
    max-width:570px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    background-color: #000;
    border: 2px solid #999999;
}
.finner {
    display: inline-block;
    width: 100%;
    height: 100px;
    /*background-color: #fcc;*/
}