*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body{
  background: #0080ff;
}

.row{
  background:#6fb6fd;
  border-radius: 30px;
}

.img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.btn1{
  border: none;
  outline: none;
  height: 50px;
  width: 100%;
  background-color: black;
  color: white;
  border-radius: 4px;
  font-weight: bold;
}

.btn1:hover{
  background-color: blueviolet;
  border: 1px solid;
  color: black;
}
body {font-family: verdana, sans-serif;}

* {box-sizing: border-box}

input[type=text], input[type=date], input[type=file], input[type=message], input[list=unit], input[list=mass]{
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background:#f1f1f1;
}
.textarea{
width: 100%;
height: 150px;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background:#f1f1f1;
  resize: none;
}
.btn1{
            border: none;
            outline: none;
            height: 50px;
            width: 100px;
            background-color: black;
            color: white;
            border-radius: 4px;
            font-weight: bold;
        }


.container {
  padding: 16px;
}


.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


@media screen and (max-width: 300px) {
  .Submit {
     width: 100%;
  }
}


.developer-footer{
    background:#006ad4;
    color:white;
    text-align:center;
    padding:25px;
    margin-top:40px;
}


.developer-footer h5{
    margin-bottom:10px;
    font-size:22px;
}
@media print{
    from,
    button{
        display:none !important;
    }
}
.from-control{
    height: 45px;
}

.btn{ 
    height: 45px;
    font-weight: bold;
}