.flexContainer { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; } #abilityScores { text-align: center; flex-basis: 120px; flex-grow: 1; max-width: 340px; } /*Float boxes are indivisble, have shadows*/ .floatBox{ color: #301d02; /*Fancy image border*/ border-image-width: 92px 60px 57px 60px; border-image-outset: 15px; border-image-source: url('/png/big-border.png'); border-image-slice: 275 179 171 179; border-image-repeat: stretch; /*Shadow*/ box-shadow: 0px 5px 20px rgba(0, 0, 0, 1); padding: 0px 5px 5px 5px; margin: 15px; background: #f0e3d1; border-radius: 20px; min-width: 200px; } .bigborder{ } /* headings in floatboxes */ .floatBox h2{ font-size: 1em; } .floatBox.rounded { display: inline-block; text-align: center; } /* Stats */ #armorClassBox { width: 90px; height: 100px; background-image: url('/svg/ac.svg'); background-repeat: no-repeat; text-align: center; display: flex; flex-direction: column; justify-content: center; } .statValue { font-size: 2em; }