index.css

*{
    paddinng:0;
    margin:0;
}

h1{
   height: 70px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   background:cornflowerblue;
   color:lightgrey;
   text-transform: capitalize;
   text-align:center;
   font-size: 50px;
}
#body{
    display: flex;
   padding:50px;
  

}
#para{
margin:20px 20px;
}

h2{
    font-size:30px;
    text-transform: capitalize;
    color:coral;
    
}
p{
    font-size:18px;
    padding-top:20px ;
}
   
#box{
    height:370px;
    width:1800px;
}
table{
width:100%;
font-size: 20px;
}
tr{
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
}
tr:hover{
    background:#2980b9;
}
tr:nth-child(even){
    background:#bdc3c7;
}
tr:nth-child(odd){
    background:#7f8c8d;
}
#pdf{
    height:90%;;
    width:100%;
    border:2px dashed black;
}
input{
    width:100%;
    height:30px;
    padding-left:20px;
    box-sizing: border-box;
    margin:5px 0px;
    border-radius: 30px;
    outline-color: none;
}
input:focus{
    outline: none;
    border:none;
    background:lightgray;
}
button{
    width:100%;
    height: 30px;
    font-size:15px;
    text-transform: uppercase;
    background:#2980b9;
    color:#fff;
    border:none;
    outline:none;
}
button:hover{
    background-color:#3498db;
}