body{margin:0;padding:0}*{box-sizing:border-box}button{border:none;background:none;color:inherit;font:inherit}.App-Backround{display:flex;flex-direction:row;min-height:100vh;min-width:100%;background:#272727}.Chat-History-Container{display:flex;position:fixed;top:0;flex-direction:column;width:18rem;min-height:100%;color:#e6e6e6;font-size:large;background:#222;border:1px solid rgb(68,68,68);white-space:nowrap;overflow:auto}.Chat-History-Container>h2{width:85%;text-align:left;padding:.2rem .2rem .2rem .6rem;font-size:1rem;color:#a0a0a0;border-bottom:1px solid rgb(68,68,68);align-self:center}.New-Chat{display:flex;height:12rem;width:100%;padding:4rem 0rem 0rem .5rem;border-bottom:none;background:transparent;align-self:center}.Chat-Button{display:flex;position:relative;flex-direction:row;width:90%;margin-left:.5rem;border:none;border-radius:.3rem;background:transparent;height:fit-content}.Chat-Button>button{display:flex;width:100%;text-align:left;padding:.75rem 0 .75rem .75rem}.Chat-Button-Label{width:80%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Chat-Button--Selected{background-color:#353535}.Chat-Button:hover{background-color:#3f3f3f}.Chat-Delete{display:flex;margin-left:auto;margin-right:.25rem;z-index:1;border-radius:2rem;padding:.125rem .325rem .125rem .3rem;background-color:#4b4b4b;font-size:medium}.Chat-Delete:hover{background-color:#575656}.Chat-History{display:flex;flex-direction:column;height:100%;width:100%;padding-top:1rem;border-top:none}.Welcome{display:flex;flex-direction:column;min-height:100%;min-width:100%;margin-top:1rem;justify-content:space-between}.Welcome-Text{margin-top:25%;text-align:center;font-size:4rem}.Type-Here{margin-top:auto;text-align:center;font-size:1.5rem;margin-right:1rem}.Message{width:60%;height:auto;color:#fff;padding-bottom:5rem}.Chat{display:flex;flex-direction:column;height:auto;width:100%;margin-left:18rem;margin-bottom:10rem;padding:1rem;justify-content:flex-start;align-items:center;font-size:large;color:#b6b6b6}.Chat>div:not(.User-Input){width:40rem;color:#fff}.User-Input{display:flex;position:fixed;align-items:center;justify-content:center;height:7rem;width:30rem;left:15rem;right:0;margin:0 auto;bottom:2rem;background-color:#414141;border:1px solid rgb(105,105,105);border-radius:1.5rem;color:#fff;font-size:2.5rem}.User-Input>textarea{width:80%;height:70%;resize:none;padding:1rem;overflow:hidden;outline:none;background:none;border:none;font-size:large;color:#fff}.User-Input>button{height:2.5rem;width:2.5rem;margin-left:auto;margin-right:1rem;z-index:1;background-color:#242424;border-radius:1.2rem;border:none}.User-Input>button>img{width:auto;height:75%;margin-bottom:.2rem}.User-Input>button>img:hover{opacity:50%}.User-Quiz{display:flex;position:fixed;align-items:center;justify-content:center;height:7rem;width:30rem;left:15rem;right:0;margin:0 auto;bottom:2rem;border:transparent;border-radius:1.5rem;color:#fff;font-size:2.5rem;font-weight:600;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.2)}.User-Quiz--Start{background-color:#6987c7}.User-Quiz--Start:hover{background-color:#8fa7dd}.User-Quiz--Submit{background-color:#c03b3b}.User-Quiz--Submit:hover{background-color:#df4949}.Question{display:grid;grid-template-rows:repeat(4,1fr);margin-top:1rem;padding:1.5rem;border:1px solid rgb(88,88,88);background-color:#373737;border-radius:1.5rem;font-weight:700;font-size:large;align-items:center}.Question--Correct{border-color:green}.Question--Incorrect{border-color:#d32828}.Answer{display:flex;align-items:center;gap:1rem;font-weight:400;font-size:large;padding-left:1rem;border:2px solid transparent;border-radius:1rem}.Answer-Button{height:auto;width:2rem;color:#fff;background-color:#232323;border:none;border-radius:.5rem;justify-content:center;font-weight:700}.Answer-Button:hover{opacity:60%}.Answer-Button.selected{background-color:#588dff}.Loading{display:flex;flex-direction:row;gap:1rem;width:20rem;height:7rem;margin-bottom:2rem;align-items:center;font-size:large;font-weight:700;align-self:center}.Loading>img{width:auto;height:30%}