body{
margin: 0;
padding: 0;
font-family: sans-serif; 
/* background-image: url(background.jpg); */
background-size: cover;
background-position: center;
color: #1c8adb;
}
.sign-up-form{
width: 300px;
box-shadow: 003px 0 rgba(0,0,0,0.3);
background: #fff;
padding: 20px;
margin: 8% auto 0;
text-align: center;
}
.sign-up-form hl{
color: #1c8adb;
margin-bottom: 30px;
}
.input-box{
border-radius: 20px;
padding: 10px;
margin: 10px 0;
width: 100%;
border: 1px solid #999;
outline: none;
}
button{
color: #fff;
width: 100%;
padding: 10px;
border-radius: 20px;
font-size: 15px;
margin: 10px 0;
border: none;
outline: none;
cursor: pointer;
}
#signup-btn
{

background-color: #1c8adb;
}
a{
text-decoration: none;
}
hr{
margin-top: 20px;
width: 80%;
}
.or{
background: #fff;
width: 30px;
margin: -19px auto 10px;
}
/* @media all and (max-width:380){
    body{
margin: 0;
padding: 0;
font-family: sans-serif; 
/* background-image: url(background.jpg); */
background-size: cover;
background-position: center;
color: #1c8adb;
} */
/* .sign-up-form{
width: 200px;
box-shadow: 003px 0 rgba(0,0,0,0.3);
background: #fff;
padding: 20px;
margin: 8% auto 0;
text-align: center;
}
.sign-up-form hl{
color: #1c8adb;
margin-bottom: 30px;
}
.input-box{
border-radius: 20px;
padding: 10px;
margin: 10px 0;
width: 100%;
border: 1px solid #999;
outline: none;
}
button{
color: #fff;
width: 100%;
padding: 10px;
border-radius: 20px;
font-size: 15px;
margin: 10px 0;
border: none;
outline: none;
cursor: pointer;
}
#signup-btn
{

background-color: #1c8adb;
}
a{
text-decoration: none;
}
hr{
margin-top: 20px;
width: 80%;
}
.or{
background: #fff;
width: 30px;
margin: -19px auto 10px;
} */
}