body
{   
    margin:0px;
    background-color:#d79c2d;
    background-image:url(image/background.jpg);
    color:#f9fcf5;
    /* font-family:Arial, Helvetica, sans-serif; */
    background-image: url("../images/home.jpg");
}

#main{width:350px; height:auto; overflow:hidden; padding-bottom:40px; margin-left:auto; margin-right:auto; 
border-radius:5px; padding-left:10px; margin-top:100px; 
/* border-top:3px double #f1f1f1;  */
/* border-bottom:3px double #f1f1f1;  */
padding-top:40px;
margin-top: 0px;
}

#rename{
    margin-bottom: 10px;
}

#dot{
    padding: 2px;
    box-shadow: 0px 1px 15px 0px rgb(62 65 159 / 10%);
    text-align: center;
}

#main table{}
/* css code for textbox */
#main .tb{height:28px; width:230px; border:1px solid #d79c2d; color:#d79c2d; font-weight:bold; border-left:5px solid #f7f7f7; opacity:0.9; letter-spacing: 1px;}

#main .tb:focus{height:28px; border:1px solid #d79c2d; outline:none; border-left:5px solid #f7f7f7; letter-spacing: 1px;}

/* css code for button*/
#main .btn{width:150px; height:32px; outline:none;  color:#f7f7f7; font-weight:bold; border:0px solid #d79c2d; 
text-shadow: 0px 0.5px 0.5px #fff; border-radius: 2px; font-weight: 600; color: #d79c2d; letter-spacing: 1px; 
font-size:14px; background-color:#f1f1f1; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}

#main .btn:hover{background-color:#d79c2d; outline:none;  border-radius: 2px; color:#f1f1f1; border:1px solid #f1f1f1;
-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }