*{padding:0;margin:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;width:100%;height:100vh}.container{padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto}header{display:flex;align-items:center;gap:20px;padding:20px;box-shadow:0 1px 5px #0000007b}header img{width:40px}header p{font-weight:600}main{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;max-width:500px;margin:80px auto}main div{border:1px solid #ac5d2d;width:80px}main div img{height:75px;padding:5px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.turned{transform:rotateY(0)!important;-webkit-transform:rotateY(0deg)!important;-moz-transform:rotateY(0deg)!important;-ms-transformreg:rotateY(0deg)!important;-o-transform:rotateY(0deg)!important}.wrong{background-color:#e32e2e}.correct{background-color:#17e317;pointer-events:none}