* {box-sizing: border-box;} body{ background-color: #43464b; } h1 { color: #2FF924; font-weight: bold; } .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; } /* Modal Stuff */ .avatar { border-radius: 20px; width: 100%; max-width: 15rem; } .modalHeaderWrapper{ text-align: center; margin: 0; width: 100%; } .closeModalButton { border-radius: 50px; } .modalButton{ position: absolute; top: 0; right: 0; padding: 6px; padding: 9px 25px; background-color: rgba(0,136,169,1); border: none; border-radius: 50px; cursor: pointer; transition: all 0.3 ease 0; margin: 3%; font-size: 1.2rem; } .modalButton:hover{ background-color: rgba(0,136,169,0.8); } /* Main */ .main { display: flex; align-items: center; justify-content: center; flex-direction: column; } .main h3 { padding-top: 1rem; color: white; } .tab-content img{ max-width : 50vw; heigth: auto; } table { padding-top: 1rem; font-size: 1.1rem; }