style.css

#bdy
{
    background-color: rgb(245, 190, 218);

}
.style-class 
{
width: 25%;MARGIN:OPX AUTO;
MARGIN-TOP:10px;
margin-left:465px;
font-size:30px;
color: rgb(4, 31, 80);
PADDING:100px;
}
.s-class{
padding-left:30px;
padding-right :30px;
padding-top:10px;
padding-bottom:20px;
font-size:19px;
margin-left:600px;
margin-top:10px;
}
.button-class{
    margin-left:600px;
    margin-top:10px;
    color: rgb(2, 33, 34);
    border-radius: 10px;
    padding:18px;
    width:20%;
    font-size:20px;
}.h1-class
{
margin-left:400px;font-size:50px;
margin-top:75px;
color: rgb(13, 70, 128);
}.button-class:hover
{
    color:darkblue;
    background-color: rgb(170, 158, 247);
}/*For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
var firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  databaseURL: "https://PROJECT_ID.firebaseio.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.appspot.com",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID",
  measurementId: "G-MEASUREMENT_ID",
};*/
#h22
{
margin-left:625px;
margin-top:60px;
color: rgb(10, 1, 27);
font-size:35px;

}
.button2
{
margin-top:20px;
margin-left:680px;
border-radius:10px;
padding:15px;
font-size:20px;
color:rgb(75, 3, 17);
padding-left:50px;
padding-right:50px;

}
#parag
{
    color: rgb(17, 14, 3);
    font-size:20px;
    margin-left:555px;
    margin-top:20px;
}.button2:hover{
    color:rgb(11, 11, 158);

    
    background-color: rgb(170,158,247);

}