1#cardpanel { 2 padding: 5px; 3 text-align: center; 4 border: solid 1px #c3c3c3; 5 width:100%; 6 height:80%; 7 padding: 50px; 8 line-height: 30px; 9 color: #03446A; 10 text-align: center; 11 font-size: 20px; 12 border-radius: 5px; 13 white-space: pre-wrap; 14} 15 16.unflipped { 17 background-color: LightYellow !important; 18} 19 20 21.flipped { 22 23 background-color: LightGreen !important; 24} 25 26.main { 27 font-size: 120%; 28 color: red; 29} 30 31.fbuttoncontainer {text-align: center;} 32 33 34 35 36 37 38.flashcardbutton { 39 background-color: #04AA6D; 40 border: none; 41 color: Black; 42 padding: 30px 10%; 43 text-align: center; 44 text-decoration: none; 45 display: inline-block; 46 font-size: 16px; 47 margin: 4px 2px; 48 cursor: pointer; 49 justify-content: center; 50 align-items: center; 51} 52