body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0;margin:0}body{margin-top:40px;background:pink}ul{list-style-type:none}.wrapper{max-width:1140px;padding:-15px;margin:0 auto;width:100%}.center{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.buttons{margin-bottom:30px}.buttonsTitle{margin-bottom:20px}.nameSpacesButtons{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}.buttonsList{display:flex;align-items:center;justify-content:center}.buttonsItem:not(:last-child){margin-right:30px}.buttonsItem label{cursor:pointer}.buttonsItem label input{width:0;height:0;overflow:hidden;position:absolute;opacity:0}.buttonsItem label span{position:relative;transition:all .3s;z-index:2}.buttonsItem label span:after{content:"";width:110%;height:1px;background-color:#000;position:absolute;left:-5%;bottom:-5px;transition:all .3s;z-index:-1}.buttonsItem label input:checked+span{color:#fff}.buttonsItem label:hover span:after{height:5px}.buttonsItem label input:checked+span:after{height:calc(100% + 10px)}.middleWrapper{display:flex;justify-content:space-between;width:100%}.cards{display:flex;padding:0 20px;align-items:center;width:min(300px,80vw);height:300px;justify-content:space-between;position:relative}.card{width:300px;min-height:300px;border:2px solid;border-radius:10px;padding:30px;position:absolute;transition:all 1s;top:0;left:0;background:white}.card.prev{transform:rotate(-60deg);left:-600px;opacity:0;pointer-events:none}.card.next{transform:rotate(60deg);left:600px;opacity:0;pointer-events:none}.card.current{transform:none;opacity:1}.cardForm{display:flex;flex-direction:column;align-items:center}.cardTitle{margin-bottom:10px}.cardSubTitle{margin-bottom:30px}.inputAnswer{border-width:0px 0px 1px 0px;border-color:#090808;transition:all .3s;margin-bottom:20px;text-align:center}.inputAnswer:focus{outline:none;border-width:0px 0px 2px 0px}.defaultButton{transition:all .3s;background:transparent;border:none;cursor:pointer;padding:5px}.defaultButton:hover{color:#fff;background-color:pink}.defaultButton:hover:after{height:calc(100% + 10px)}.checkButton{margin-bottom:20px}.answerText{text-align:center;color:#464343;margin-top:20px;font-size:14px}.selectGroupItem{display:block;cursor:pointer;margin:20px}.selectGroupItem input{margin-right:10px}.difficultItem{display:flex;align-items:center;justify-content:space-between}