body { display: flex; flex-direction: column; } /* Upper Container Stuff*/ .upperContainer{ text-align: center; width: 70%; margin-left: 15%; } .upperContainer .movementBtn{ background-color: #687494; border: none; border-radius: 4px; font-size:1.3rem; color:white; padding: 10px; margin: 0 2px; } /* Move On Stuff*/ .moveOn{ display: inline-block; border: none; padding: 6px 12px; margin-left: 50px; 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; } /* Kaart Stuff */ .svgContainer { overflow: hidden; border: 2px solid #E3D4AD; border-radius: 10px; margin: 1.5%; background-color: #434854; max-height: 75vh; } /* #00394f, #006284 */ svg {transition: transform 0.1s linear 0.1s;} svg path{ fill: #767F94; stroke: #eee !important; stroke-width: .25 !important; } svg path:hover { fill: #A9B5D4; transition: 0.6s !important; cursor: pointer !important; }