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}.loginFormContainer{background-color:#0ff;width:200px;height:300px;overflow:hidden;text-align:center;border:solid gray;border-radius:10px;box-shadow:2px 2px 2px 6px gray;margin:100px auto;padding:30px}.loginForm{text-align:start}.loginForm *{margin-bottom:10px}h1{font-size:xx-large;color:#00f}input{border:solid snow;border-radius:3px;padding:4px}button{border:inset royalblue;background-color:#4169e1;border-radius:7px;margin:22px 50px;padding:5px 16px}.errMsg{color:red;font-size:small}header{text-align:center;font-size:x-large;font-weight:bolder;text-transform:capitalize;height:50px;background-color:#4169e1}header button{position:absolute;right:0px;top:0px;margin:2px;background-color:#2fe4bc}.card-container{display:flex;flex-wrap:wrap;justify-content:space-around}.card{margin:6px;width:min(300px,90%);text-align:center;align-items:center;border:solid 4px;border-radius:5px;overflow:hidden}.card img{aspect-ratio:1/1}.rate-div{display:flex;justify-content:center;justify-items:center}.rate-div button{margin:3px;border-radius:50%;aspect-ratio:1/1;padding:7px;color:#fff}button:active{color:red}.result-sec,.selection-show{width:90%;border:solid;margin:5%;text-align:center}