*{-webkit-box-sizing:border-box;box-sizing:border-box}.card{margin:50px auto;background-color:#eee;-webkit-box-shadow:2px 2px 10px 0 #777;box-shadow:2px 2px 10px 0 #777;width:300px;height:300px;position:relative;border-radius:20px;font-family:monospace;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;transition:all 2s ease-in-out}.card:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card>div{position:absolute;width:100%;height:100%;text-align:center}.front{z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}header{background-color:#444;height:75px;border-radius:20px 20px 0 0}header img{width:100px;height:100px;border-radius:100%;margin:10px 20px 20px 0}.front h2{margin-top:50px}.front p{font-family:serif;font-weight:700;width:85%;margin:auto}.front span{display:inline-block;margin-top:20px;font-size:20px;font-weight:700;color:#483d8b;text-decoration:underline}.back{z-index:1;text-align:left;font-family:sans-serif;font-weight:700;border-radius:20px;background-color:#8080802e;color:#00008b;-webkit-box-shadow:2px 2px 10px 20px #777 inset;box-shadow:inset 2px 2px 10px 20px #777;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}ul{padding-top:50px;list-style-type:disc;text-align:center}ul li{margin-bottom:10px}*{-webkit-box-sizing:border-box;box-sizing:border-box}.card{margin:50px auto;background-color:#eee;-webkit-box-shadow:2px 2px 10px 0 #777;box-shadow:2px 2px 10px 0 #777;width:300px;height:300px;position:relative;border-radius:20px;font-family:monospace;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;transition:all 2s ease-in-out}.card:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card>div{position:absolute;width:100%;height:100%;text-align:center}.front{z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}header{background-color:#444;height:75px;border-radius:20px 20px 0 0}header img{width:100px;height:100px;border-radius:100%;margin:10px 0 20px}.front h2{margin-top:25px}.front p{font-family:serif;font-weight:700;width:85%;margin:auto}.front span{display:inline-block;margin-top:30px;font-size:20px;font-weight:700;color:#483d8b;text-decoration:underline}.back{z-index:1;text-align:center;font-family:sans-serif;font-weight:700;border-radius:20px;background-color:#8080802e;color:#00008b;-webkit-box-shadow:2px 2px 10px 20px #777 inset;box-shadow:inset 2px 2px 10px 20px #777;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}ul{padding-top:50px;list-style-type:disc;text-align:left}ul li{margin-bottom:30px}