.Link{position:relative;text-decoration:none;color:#3939396e;font-size:12px;right:0}.menuBar{position:absolute;background-color:#fff538d9;width:70%;height:12%;display:flex;justify-content:space-around;align-items:center}.menuElement{text-decoration:none;color:#31888e;font-size:17px;border-radius:10px;width:20%;height:40%;display:flex;align-items:center;justify-content:center}.menuElement:hover{background-color:#c1c1f1;color:#fff}.loginBar{position:absolute;background-color:#d6f041;width:30%;height:12%;right:0;padding:20px;display:flex}.EnterBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:30%;border:3px solid rgb(53,53,53);padding:10px;display:flex;justify-content:center;align-items:center}.EnterLabel{position:absolute;left:5px;top:-1px}.EnterText{display:flex;flex-direction:column;justify-content:space-around;width:100px;height:200px}.EnterInputBox{display:flex;flex-direction:column;justify-content:space-around;width:200px;height:200px}.EnterBtn{position:absolute;top:85%}.WarningMsg{font-size:10px;color:red}.wordEditorBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:10px solid rgb(240,246,46);padding:20px;display:flex;flex-direction:column;align-items:center}.findBtn{border:2px solid rgb(62,160,16);border-left:none;background-color:#b5f3df}.findBtn:active{background-color:#f9ffa1;transform:scale(.95)}.wordFindBox{width:230px;border:2px solid rgb(62,160,16)}.wordListBox{border:3px solid rgb(185,230,164);width:500px;height:500px;margin:20px;overflow:auto}.wordItem{margin:5px;border:1.5px solid rgb(86,140,4)}.wordCheckBox{width:50px}.submitBtn{border:2px solid rgb(62,160,16);border-radius:10px;background-color:#daad936c}.submitBtn:active{background-color:#da9f9f;transform:scale(.85)}.learningWindow{position:absolute;background-color:beige;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:600px;border-radius:20px;border:1px solid gray}.learningBox{position:absolute;border:2px solid gray;border-radius:15px;background-color:#fafafa;top:45%;left:50%;transform:translate(-50%,-50%);width:400px;height:300px}.learningBoxLabel{position:absolute;top:20px;left:20px;padding:5px;border:1px solid;border-radius:5px;background-color:#fff7cc}.learningWordFont{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:50px}.answerBox{position:absolute;top:80%;left:47%;transform:translate(-50%,-50%);border:2px solid gray}.answerCheckBox{position:absolute;top:77.5%;left:56.4%;border:2px solid black}.answerCheckBox:active{background-color:#e8e59c;transform:scale(.85)}.learningCloseBtn{position:absolute;right:10px;top:10px;border-radius:5px}.learningCloseBtn:active{background-color:#da9f9f;transform:scale(.85)}.resultBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:2px solid gray;border-radius:10px;width:70%;height:120%;padding:15px}.totalListBox{display:flex;height:90%;overflow-y:auto}.resultList1{list-style:none;padding-left:0;height:640px;width:50%;top:10px}.resultList2{list-style:none;padding-left:0;height:640px;width:50%}.resultIcon{position:relative;padding-left:28px}.resultIcon:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-size:contain;background-repeat:no-repeat}.resultIcon.O:before{background-image:url(/ReactProject/images/O.png)}.resultIcon.X:before{background-image:url(/ReactProject/images/X.png)}.retryBtn{position:relative;transform:translate(-50%);left:50%}