body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--black:#141414;--white:#ececec;--red:#bf0028;--dark-red:#560315;--grey:#514e4e}*{background-color:#ececec;background-color:var(--white);font-family:Roboto,sans-serif}.navbar{align-items:center;border-bottom:1px solid var(--red);display:flex;flex-direction:row;height:10vh;justify-content:space-between;padding:10px}.navbar-logo-box{height:100%}.navbar-logo-box img{height:100%;width:auto}.navbar-link-box{align-items:center;display:flex;flex-direction:row;justify-content:center}.link{color:var(--red);cursor:pointer;font-size:16px;margin:16px;padding:2px;position:relative;text-decoration:none}.link:after{background-color:var(--red);bottom:0;content:"";height:2px;left:0;opacity:75%;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.link:hover:after{transform:scaleX(1);transform-origin:bottom left}.navbar-hamburger{cursor:pointer;display:none;flex-direction:column;padding:10px}.bar{background-color:var(--red);height:3px;margin:4px 0;transition:all .3s ease;width:25px}.bar.open:first-child{transform:translateY(7px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.side-menu{align-items:center;background-color:var(--white);box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;right:-250px;top:0;transition:right .3s ease;width:250px;z-index:1}.side-menu.open{right:0}.side-link{color:var(--red);cursor:pointer;font-size:20px;padding:20px;text-decoration:none}@media (max-width:768px){.navbar-link-box{display:none}.navbar-hamburger{display:flex}}.footer{align-items:center;border-top:1px solid var(--red);display:flex;flex-direction:row;height:4vh;justify-content:space-between;padding:10px}.chatbot-card{background-color:var(--red);border-radius:20px;color:var(--white);display:flex;flex-direction:column;font-size:large;font-weight:700;height:60%;justify-content:center;text-align:center;text-decoration:none;transition:all .3s;width:90%}.chatbot-card:hover{font-size:x-large}.chatbot-card div{background-color:var(--red)}.start-button{background:var(--red);border:none;border-radius:10px;color:var(--white);cursor:pointer;height:50px;outline:none;position:relative;transition:all .3s;width:220px;z-index:0}.start-button:hover{background-color:var(--white);border:1px solid var(--red);color:var(--red)}.quiz-card{height:90%;justify-content:center;padding:10px;width:75%}.question-div,.quiz-card{align-items:center;background-color:var(--red);border-radius:20px;display:flex;flex-direction:column}.question-div{color:var(--white);gap:10px;height:100%;justify-content:space-between;width:100%}.info-div{background:var(--red)}.info-div h3,.options-div{background-color:var(--red)}.options-div{align-items:center;display:flex;justify-content:center;width:75%}.option-button{background:var(--white);border:none;border:1px solid var(--white);border-radius:10px;color:var(--red);height:50px;margin:5px;padding:5px;width:220px}.option-button:hover{box-shadow:0 12px 16px 0 var(--dark-red),0 17px 50px 0 var(--dark-red);cursor:pointer;transition:all .3s}@media (max-width:768px){.options-div{flex-direction:column}}.score-div{background-color:var(--red);color:var(--white);flex-direction:column;justify-content:center}.score-div,.upper-div{align-items:center;display:flex}.upper-div{flex-direction:row;height:70%;justify-content:space-around;width:90%}.card{background-color:var(--red);border-radius:20px;color:var(--white);display:flex;flex-direction:column;font-size:large;font-weight:700;height:100%;justify-content:center;text-align:center;text-decoration:none;transition:all .3s;width:40%}.card:hover{font-size:x-large}.card div,.card p{background-color:var(--red)}.lower-div{align-items:center;display:flex;flex-direction:row;height:25%;justify-content:space-around;width:90%}.inst-card{height:90%;justify-content:space-between;padding:10px;width:75%}.inst-card,.title-div{align-items:center;background-color:var(--red);border-radius:20px;display:flex;flex-direction:column}.title-div{color:var(--white);justify-content:center}.title-div p,h2{background-color:var(--red);text-align:center}.title-div p{font-size:larger}.button-div{align-items:center;background-color:var(--red);display:flex;flex-direction:row;gap:10px;justify-content:space-around}.button{background-color:var(--white);border:1px solid var(--red);border-radius:10px;color:var(--red);height:25px;width:100px}.button:hover{background-color:var(--red);border:1px solid var(--white);color:var(--white);transition:all .3s}.gif-img{background:none;height:200px;width:auto}.box{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.chatroom-wrapper{background-color:#fff;border:1px solid gray;border-radius:20px;height:80%;margin:1em;overflow:hidden;padding:1em;width:80%}.chatroom{background-color:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:10px}.input-area{display:flex;flex-direction:row;margin-bottom:1em;width:80%}.message-input{background-color:#fff;border:1px solid gray;border-radius:20px 0 0 20px;font-size:large;height:3em;padding-left:1em;padding-right:1em;width:100%}.send-message-button{background-color:red;border:1px solid red;border-radius:0 20px 20px 0;color:#fff}.send-message-button:hover{background-color:#e60000}.send-message-button:active{background-color:#d20000}.icon-send-button{background-color:initial}.user-message{align-self:flex-end;background-color:red;border-radius:20px 20px 0 20px;color:#fff}.bot-message,.user-message{word-wrap:break-word;margin:5px 0;max-width:60%;padding:10px 15px}.bot-message{align-self:flex-start;background-color:#f2f2f2;border-radius:20px 20px 20px 0;color:#000}.buttons-container{background-color:initial;display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.chat-button{background-color:#fff;border:1px solid red;border-radius:20px;color:red;cursor:pointer;font-size:.9em;padding:8px 12px;transition:background-color .3s;white-space:nowrap}.chat-button:hover{background-color:#fff0f0}.chat-button:active{background-color:#ffdcdc}.chat-button:focus{outline:none}.popup{background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:5%;max-width:500px;padding:20px 30px;text-align:center;width:80%}.popup-content p{background-color:#fff;color:#333;font-size:1.1em;margin-bottom:20px;text-align:justify}.popup-content button{border:none;border-radius:5px;cursor:pointer;font-size:1em;margin:0 10px;padding:10px 20px;transition:background-color .3s}.popup-content button:first-of-type{background-color:red;color:#fff}.popup-content button:first-of-type:hover{background-color:#e60000}.popup-content button:first-of-type:active{background-color:#d20000}.popup-content button:last-of-type{background-color:#f2f2f2;color:#000}.popup-content button:last-of-type:hover{background-color:#e0e0e0}.popup-content button:last-of-type:active{background-color:#d0d0d0}.about,.about-div{justify-content:center}.about-div{align-items:center;background-color:var(--red);border-radius:20px;display:flex;flex-direction:column;height:80%;width:75%}.about-text,.about-title{background-color:var(--red);color:var(--white)}@media (max-width:768px){.about-div{font-size:small}}
/*# sourceMappingURL=main.8db0b7c6.css.map*/