.pageBackground{ background-image: url('img/MainBackGround.jpg') !important; background-attachment: fixed !important; height: auto !important; min-height: 100vh !important; } .navbar-style{ background-color: rgba(249,134,23,0.8) !important; border-bottom: 7px solid #7c2d00 !important; } .footer-style{ background-color: rgba(249,134,23,0.8) !important; border-top: 7px solid #7c2d00 !important; } .mainPageInf{ width: 70% !important; min-width: 320px !important; height: fit-content !important; background-color: rgba(66,66,66,0.8) !important; padding:2% !important; border-radius: 20px !important; } .modal-dialog-style{ height: fit-content !important; width: 80% !important; } .modalStyle{ background-color: #9b9b9b !important; border: 7px solid #424242 !important } .PictureButton{ height: 200px !important; width: 300px !important; } .purple{ background-color: #8c00e2 !important; } .dark-grey{ background-color: #424242 !important; } .light-grey{ background-color: #d9d9d9 !important; } .formStyle{ background-color: rgba(155,155,155,0.8) !important; border: 7px solid #424242 !important } .formSizeStyle{ width: 70% !important; min-width: 320px!important; } .accauntPanel{ height: 100px !important; width: 290px !important; } .wfitcon{ width: fit-content !important; } .hfitcon{ height: fit-content !important; } .minH-500{ min-height: 500px !important; } .minW-160{ min-width: 160px !important; } .width-100{ width: 100% !important; } .height-200{ height: 200px !important; } .height-300{ height: 300px !important; } .height-500{ height: 500px !important; }