body{margin:0;padding:0}.App-Backround{display:flex;flex-direction:row;min-height:100vh;min-width:100%;background:#272727}.Chat{display:flex;flex-direction:column;height:auto;width:100%;margin-left:15rem;margin-bottom:10rem;padding:1rem;justify-content:flex-start;align-items:center;font-size:large;color:#b6b6b6}.Chat>div:not(.UserInput){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{margin-left:.16rem;width:auto;height:100%}.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}.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}.Chat-History{display:flex;position:fixed;flex-direction:column;min-height:100%;width:15rem;padding:1rem;border:1px solid rgb(68,68,68);color:#dbdbdb}.Chat-History>div,button{display:flex;align-items:center;justify-self:center;padding:.5rem;border-radius:1rem;height:2rem;width:90%}.Chat-History>div:hover{background-color:#555}.Message{width:60%;height:auto;color:#fff;padding-bottom:5rem}.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%}