* {
   box-sizing: border-box;
}

body {
   margin-top: 50vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;

   padding: 40px;
   padding-top: 50px;
}



input:focus {
   outline: none;
}

.hor-container {
   width: 100%;
   display: flex;
   flex-direction: row;
}

.inp-container {
   width: 100%;
   background-color: rgb(192, 189, 185);
   margin: 20px;
   padding: 10px;
   border-radius: 10px;

   display: flex;
   flex-direction: column;
   justify-content: center;
}

.inp-container>input {
   font-size: 18px;
   width: 100%;
   height: 30px;
   line-height: 30px;

   border: none;
   border-radius: 5px;
   margin: 10px 0 10px 0;

}

.inp-container>p {
   margin-top: 5px;
   margin-bottom: 5px;
   width: fit-content;
}

@media only screen and (max-width: 800px) {
   body {
      padding: 60px;
   }

   .hor-container {
      width: 100%;
      display: block;
      margin: 20px;

   }

   .inp-container {

      margin: 20px 0 20px 0;
   }
}