* { box-sizing: border-box !important; } .lists{ margin-bottom: 20px !important; } /* Modal Stuff */ .avatar { border-radius: 20px; width: 100% !important; } .modalHeaderWrapper{ text-align: center; margin: 0 !important; width: 100% !important; } .closeModalButton { border-radius: 50px; } .modalButton{ position: absolute; top: 0; right: 0; padding: 6px; padding: 9px 25px; background-color: rgba(0,136,169,1) !important; border: none !important; border-radius: 50px !important; cursor: pointer !important; transition: all 0.3 ease 0 !important; margin: 3% !important; font-size: 1.2rem !important; } .modalButton:hover{ background-color: rgba(0,136,169,0.8) !important; } /* Move On */ .moveOn{ display: inline-block; border: none; padding: 6px 12px; margin-botton: 0; font-size: 1rem; font-weight: normal; text-align: center; cursor: pointer; border-radius: 4px; background-color: #4BB543; color: white; } button:disabled{ opacity: 0.5; cursor: not-allowed; } /* Mainer */ .mainer { display: flex; align-items: center; border: 3px solid white; border-radius: 10px; margin: .7rem; min-height: 80%; } .mainer .startBasket { width: 40%; padding: 1rem; } /* Carousel */ .carousel { border-left: 5px solid white; padding: 1rem !important; margin: auto !important; width: 60% !important; height: auto !important; } .carousel-item{text-align: center !important;} .carousel-item .text{padding-top: 10px !important;} .carousel-item img{ margin: auto !important; max-width: 35% !important; height: auto !important; } .carousel-item .list { background-color: rgba(0, 0, 0, 0.3); min-height: 3.7rem; margin: .5rem; border-radius: 8px !important; } .list-item { background-color: #b2beb5 !important; color: #21201E; margin: 0.5rem 0; height: 2.5rem; border-radius: 8px !important; cursor: pointer; } /* Other */ .modal-header img { max-width: 15rem !important; height: auto !important; padding: .3rem; } .startBasket { height: 100% !important; min-height: 2rem; }