*{
  margin: 0;
  padding:0;
  }
   .header{
   margin:0 auto;
   }
   .slujba{ 
    width:40%;    
    margin:10px auto;
     letter-spacing:normal;
    }
    #content{
    margin: 30px auto;
    border-spacing: 15px;
    border-radius:23px;    
    background: rgba(181, 230, 20, 0.441);
    background-image: url(imade/IMG_0994.jpg);     
    box-shadow: 10px 10px 45px 25px rgb(247, 140, 17);
    overflow:auto;                                            /* ширина подстараивается под наличие контента*/
    box-sizing: border-box;                                      /* высота подстараивается под наличие контента*/
    width: 95%;
    word-break: break-all; /* за пределы блока ничего не вылазит*/
  }
    .container{ 
      border:3px solid red;   
     margin:0 auto;
     padding: 10px;
  
   }
    .content1{ 
      width:98%;     
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;      
    }
    .form-row{  
    width:20%; 
    padding:20px;
    flex-direction: column; /*Все элементы распологаются равномерно в столбец*/
    justify-content: space-between; /*Все элементы распологаются равномерно вдоль главной оси*/
    gap:20px;                       /*отступы (gutters) между столбцами и строками, а не вдоль края контейнера сетки.*/
    }
    .form-row div{
      padding:3px 0px;     
    }
    .form-row p{
      font-weight: bold;
      font-size: 22px;
    }
    .form-row span{
      font-weight: bold;
      font-size: 22px;
    }
    .header{
      margin:0 auto;      
      display: flex;
      width: 90%;
      text-align: center;
      font-size: 25px;     
      font-weight: bold;
    }
    .header span, h4{     
      margin-left:17px;
      padding-bottom: 0px;
    }
    .footer{
      margin:0 auto;
      display: flex;
      width: 80%;
      text-align: center;
      font-size: 25px;
      justify-content: space-around;
      font-weight: bold;
    }
    .row1{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      margin-top:40px;
      margin: 0 auto;
      width:100%;
    }
    .row1 img{
      height: 60px;
      width: 60px;
      margin: 0px 10px;      
    }
    .row1 span{
      font-size: 20px;
      margin: 0 auto;  
      padding-top:20px;  
    }
    .zag {    
    margin:0 auto;
    text-align: center; 
    margin-bottom: 5px;
    }
    input[type="number"] {
      height: 60px;
      font-family: inherit; 
      font-size: inherit;
      line-height: inherit; 
      margin: 0;
      border-radius: 8px;
      font-size: 20px;
      text-align: center;
    }
    input[type="text"] {
      height: 40px;
      font-family: inherit;
      font-size: inherit; 
      line-height: inherit; 
      margin: 0;
      border-radius: 8px;
      font-size: 20px;
      text-align: center;
      box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.25);
    }
    #davlenie p {
      font-weight: bold;
      font-size: 20px;

    } 
    .row {     
    border: solid 1px rgb(136, 23, 235);
    padding: 10px 6px;
    text-align: center;
    border-radius: 25px;
    margin:30px 5px;
    transform: translateY(5px);
    box-shadow: inset 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    min-width: 100px;
    max-width: 150px;
    word-break: break-all; /* за пределы блока ничего не вылазит*/
    }
    .row span{
      font-size:20px;
      color:rgb(16, 16, 15);
      font-weight: bold;
    }
    .zag{
      margin-top: 10px;
      position: relative;
    }
    .formi{
     margin:30px 3px 0px 3px; 
     
    } 
    .dannie{
      margin:25px;
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      justify-content: space-between;    

    }    
    input{
      width: 70px;
    }
    .calculate{      
     margin: 0 auto;
     text-align: center;
    padding: 10px;
      
    }
    .button{
     margin: 30px auto;
    }
    label{
      cursor: pointer;
      font-size: 20px;
      margin:10px 3px;
    }
        
    #weather{
      font-size: 20px;
    }
    input[type="number"]{
      height: 20px;
      width: 75px;
      padding: 5px;
      transition: .5c;
      box-shadow: inset 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
      margin-top: 10px;
    }
    input[type="number"]:focus{                   /*фокусируемся на инпуте намбер  и делаем бордер друго цвета */      
      outline: 3px solid rgb(41, 194, 41);

    }
    input[type="submit"]{                       /*Стилизуем инпут в кнопке*/         
      padding: 10px;                        
      cursor: pointer;
      transition: .3c;                              /*Анимация в течении 3сек*/
      border: 3px solid rgb(177, 236, 82);
      border-radius:15px;
      width: 150px;
    }
    input[type="submit"]:hover{
      background-color: rgb(96, 108, 164);
      color:#fff;
      box-shadow: 0px 0px 23px 1px rgb(0, 255, 72);
    }
    label[for="weather"] {
      font-size: 20px;
    }
    .form-row option{
      font-weight: bold ;
    }
    .break {
      flex-basis: 100%;
      height: 0;
    }