@import url('googlefonts.com/css?family=Roboto:400,500,700,300,100');
*{
    margin : 0;
    padding : 0;
    box-sizing : border-box;
    font-family : 'Roboto', sans-serif;
}
    body{
        background-color : rgb(31, 3, 95);
        margin : 0%;
        padding : 0%;
        
        }

.a{position : absolute;
   top : 50%;
   left : 50%;
   transform : translate(-50%, -50%);
   width : 500px;
   background-color : rgb(244, 242, 245);
   border-radius : 20px;

    }
.a h1{
    text-align : center;
    color : rgb(164, 16, 184);
    padding : 20px;
    border-bottom : 1px solid rgb(164, 16, 184);
}    
.b{
    margin :auto; 
    padding-bottom : 20px;
    margin :20px 20px;
    text-align : left;
}
.inputbox{
    width : 100%;
    margin : 10px 0px;
    padding : 12px 20px;
    border : 1px solid rgb(164, 16, 184);
    border-radius : 20px;
    outline : none;
}
.label{
    color : rgb(164, 16, 184);
    font-size : 18px;
    font-weight : bold;
    
}
.button{
    width : 100%;
    margin : 10px 0px;
    padding : 12px 0px;
    border : none;
    background-color : rgb(164, 16, 184);
    font-size : 18px;
    color : white;
    cursor : pointer;
    border-radius : 20px;
}
.button:hover{
    background-color : rgb(50, 9, 104);
}   
  

.link{
    color : rgb(15, 15, 15);
    text-decoration : underline;
    font-size : 20px;  
    
}
@media(max-width : 600px){
    .a{
        width : 80%;
    }
}