nav
{
    background-color: white;
    height: 9vh;
    padding-top: 17px;
}
nav img
{
    width: 70px;
    height: 23px;
}
.login
{
    border: none;
    background-color: inherit;
    font-size: 15px;
    font-weight: 500;
    color: black;
    text-decoration: none;
}
section
{
    background-color: #f1f1f1;
    height: 90.90vh;
    padding-top: 5%;
}
.maain
{
    margin: auto;
    width: 650px;
    height: 470px;
    background-color: white;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 35px;
    padding-right: 35px;
}
.trouble
{
    font-size: 33px;
    font-weight: 300;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.loggin
{
  font-weight: 570;
  color: grey;
  font-size: 14px;
}
.loginp
{
  width: 96%;
  height: 50px;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  color: grey;
}
.loginbut
{
  font-weight: 700;
  background-color: #292C33;
  color: white;
  width: 96%;
  height: 50px;
  border-radius: 4px;
  border: none;
  font-size: 15px;
}
.logina
{
 color: #176ee1;
 font-size: 14px;
}
@media (max-width:701px) and (min-width:0px) 
{
    .maain
    {
        width: 100%;
        height:91vh ;
    }
    section
    {
        padding: 0;
    }
    .trouble
    {
        font-size:30px;
    }
}