*{box-sizing:border-box;padding:0;margin:0;text-decoration:none;color:#202223;font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;list-style:none;line-height:1.5}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}main{flex:1}.links a{margin:10px}.copyright{padding:10px}.pc{width:728px;height:90px;margin:10px auto}p{margin-bottom:15px}.container{display:flex;justify-content:space-between}.ieltsscore{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.readingscore,.listeningscore,.writingscore,.speakingscore,.reading-raw-score,.listening-raw-score{padding:10px 20px;background-color:#fff;margin:7px 5px;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.2);min-width:240px}.overallscore{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px 15px}.raw-score-output,#ieltsScore{font-size:32px;color:#00558d}@media screen and (max-width:768px){.readingscore,.listeningscore,.writingscore,.speakingscore{min-width:90%}.container{flex-direction:column}}.alert{font-size:14px;color:#a00;text-align:center}.color{color:green}.center{text-align:center}a:hover{text-decoration:underline}.logo{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.logo a h1{font-size:22px;color:#c00}.logo a:hover{text-decoration:none;cursor:pointer}.strong{font-weight:700}.menu a{padding:0 15px;color:#202223}.menu-icon{display:none}.calculate{display:flex;justify-content:center;align-items:center}.calculate button{background-color:#003696;color:#fff;font-size:1.3rem;padding:10px 80px;border:none;border-radius:5px;cursor:pointer;box-shadow:0 10px 20px rgba(76,97,162,.2),0 6px 6px rgba(76,97,162,.2)}header,.calculation,.content,footer{padding:0 10%}header{display:flex;justify-content:center;align-items:center;height:64px;box-shadow:rgba(0,0,0,.15) 0 .125rem .375rem}.calculator{width:49%}.calculator{border:1px solid #d1d2d3;border-radius:5px;padding:5px;box-shadow:0 10px 10px rgba(0,0,0,.1);background-color:#f7f7f7}.content img{max-width:100%;display:block;margin:10px auto}input,select{height:30px;width:250px;margin-top:5px;padding:5px;text-align:center;border:.5px solid #d1d2d3;background-color:#fff;border-radius:5px;font-size:16px}.output{border:1px solid #d1d2d3;border-radius:5px;padding:5px;display:none;background-color:#fff}span{font-weight:600}#top{display:none;position:fixed;bottom:90px;right:50px;cursor:pointer;z-index:100;width:32px}.content{background-color:#f7f7f7;padding-top:20px;padding-bottom:20px}article{width:60%;margin:auto}footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:10px 10%;text-align:center;background-color:#f7f7f7}footer a{color:#202223}@media screen and (max-width:768px){header{position:relative;display:flex;justify-content:center;align-items:center}.menu-icon{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;top:0;left:0;height:64px;width:64px}.menu-icon span{display:flex;justify-content:center;align-items:center;width:24px;height:2px;margin-bottom:2px;margin-top:2px;background-color:#202223}.mobile-menu{position:absolute;display:none;justify-content:flex-start;align-items:flex-start;flex-direction:column;z-index:1;left:0;right:0;top:70px;padding:10px;background-color:#202223}.mobile-menu a{padding:10px;color:#fff}header,.calculation{padding:0 10px}footer{padding:10px;flex-direction:column-reverse}.calculator{width:100%}#mainSection{flex-direction:column}.content{padding:20px 10px}article{width:100%;margin:auto}#top{bottom:50px;right:30px}}