challanStyle.css

body{
                background-image: url(pen.jpg);
            }
            #menu{    
            width: 100%;
            height: 100px;
            }
        
            #menu h1{
            font-family:cursive;
            line-height: 80px;
            text-align:center;
            font-size: 40px;
            color: white;
            background-color: #009270;
            }
            form{
               
                background-color: transparent;
                position: absolute;
                width: 400px;
                height: 500px;
                border: 3px solid #009270;
                left: 35%;
                top: 150px;
            }
            form input[type="text"]{
                  background-color: transparent;
                border: none;
                border-bottom: 2px solid #009270;
                padding: 0;
                margin-left: 20% ;
                margin-bottom: 25px;
                font-family: sans-serif;
                font-size: 18px;
                width: 230px;
                height: 30px;
            }
            form input[type="text"]:hover{
                border: none;
                 border-bottom: 2px solid red;
               
            }
            
            form input[type="submit"]{
                background-color: #009270;
                width: 250px;
                height: 30px;
                border: none;
                margin-left: 20%;
                font-size: 16px;
                color: white;
                font-family: sans-serif;
                  border-radius: 8px;
            }
            form input[type="submit"]:hover{
                background-color: white;
               color: red;
                border: 2px solid #009270;
              
            }
            form h1{
               font-weight: bold;
                font-family: sans-serif;
                text-align: center;
                top 30px;
                padding-bottom: 30px;
            }