* { box-sizing: border-box; } h1 { color: #006E33; font-weight: bold; } body{ background-color: #4D5157; } .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; } .row { margin: 0 5%; } img { max-width: 100%; height: auto; padding: .3rem; } .lists .list .list-item { background-color: #b2beb5; color: #21201E; margin: 0.5rem 0; height: 3rem; border-radius: 8px; cursor: pointer; } .lists .list { background-color: rgba(0, 0, 0, 0.3); min-height: 3rem; margin: .5rem; border-radius: 8px; } .startBasket { height: 100%; min-height: 2rem; } /* Modal Stuff */ .avatar { border-radius: 20px; width: 100%; max-width: 15rem; } .modalHeaderWrapper{ text-align: center; margin: 0; width: 100%; } .closeModalButton { border-radius: 50px; } .modalButton{ display: inline-block; padding: 6px 12px; margin-left: 30px; background-color: rgba(0,136,169,1); border: none; border-radius: 50px; cursor: pointer; transition: all 0.3 ease 0; font-size: 1rem; } .modalButton:hover{ background-color: rgba(0,136,169,0.8); }