✨

pokemon.css

@@ -62,6 +62,9 @@
 }
 .pokemon.sheet.characterSheet .advancementBox {
   margin-left: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 .pokemon.sheet.characterSheet .lvlBox {
   width: 60px;
@@ -111,25 +114,44 @@
 .pokemon.sheet.characterSheet .expValue {
   text-align: center;
 }
-.pokemon.sheet.characterSheet .sideBarBox {
-  float: left;
-  width: 185px;
-  min-height: 500px;
-  border-left-width: 18px;
-  border-right-width: 18px;
-  border-top-width: 21px;
-  border-bottom-width: 52px;
-  border-style: solid;
-  margin-top: 3px;
+.pokemon.sheet.characterSheet .mainBox {
+  display: flex;
 }
-.pokemon.sheet.characterSheet .menuBox {
-  float: left;
-  width: 400px;
-  height: 26px;
-  position: relative;
+.pokemon.sheet.characterSheet .sidebarBox {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 200px;
 }
-.pokemon.sheet.characterSheet .contentBox {
-  float: left;
-  width: 430px;
-  min-height: 500px;
+.pokemon.sheet.characterSheet .imgBox {
+  height: 165px;
+  width: 180px;
+  padding: 0 20px;
+  background-color: #b0b0b0;
+  border-radius: 15px;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  -o-border-radius: 15px;
+}
+.pokemon.sheet.characterSheet .imgBox:after {
+  content: "";
+  border-top: 40px solid #b0b0b0;
+  border-left: 40px solid #c00d0d;
+  height: 0;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.pokemon.sheet.characterSheet .charImg {
+  height: 95px;
+  width: 174px;
+  margin-top: 20px;
+  margin-bottom: 9px;
+  background-color: #fff;
+  border: 3px solid #494949;
+  clear: both;
+  border-radius: 15px;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  -o-border-radius: 15px;
 }