html,body{margin:0;padding:0;width:100%;height:100%}.profile{border:2px solid #594157;width:90%;max-width:400px;min-width:200px;margin:0;display:block;padding:15px;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;white-space:normal}.ProfileUl{list-style-type:None;padding:0;font-size:x-large}.login-page{display:flex;inline-size:100vw;block-size:100vh;font-family:sans-serif;flex-direction:row-reverse}@media (max-width: 678px){.login-page{flex-direction:column-reverse;height:auto}.login-right-title{padding-block-start:50px}}.login-left{flex:1;background-color:#fff;padding:60px 40px;color:#000;display:flex;flex-direction:column;justify-content:center}.login-right{flex:1;background:linear-gradient(135deg,#1126e0,#8a1ca5);color:#fff;padding:60px 40px;display:flex;flex-direction:column;justify-content:center}.login-title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:10px;color:#000}.login-subtitle{text-align:center;font-size:1rem;font-weight:700;margin-bottom:30px;color:#000}.btnContainer{display:flex;align-items:center;justify-content:center}.login-button{display:flex;width:17rem;align-items:center;justify-content:center;padding:10px;font-size:1rem;background-color:#2051a0;color:#fff;border:none;border-radius:8px;cursor:pointer}.google-icon{width:10%;padding-inline-start:10px}.login-right-title{font-size:1.8rem;font-weight:bolder;margin-bottom:10px;color:#fff}.login-right-desc{font-size:1rem;max-width:300px;color:#fff;background-color:transparent;font-weight:700}.top-buttons{position:absolute;top:30px;right:40px;display:flex;gap:10px;background-color:transparent}.join-button{background-color:transparent;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer}.sign-up-link{background-color:transparent;color:#fff;border:1px solid #fff;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer}.logoImg{width:100%;max-width:500px;align-self:center}.main-page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%;background-color:#110f59;text-align:center;color:#fff;direction:rtl;font-family:sans-serif;justify-content:center;align-items:center}.MainCot{flex:1;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100vw}.user-image{border-radius:50%;width:80px}.add-exam-button{font-size:1em;padding:8px 16px;margin-bottom:30px;width:max-content;font-weight:700;display:flex;align-items:center;gap:8px}.exam-table{border-collapse:collapse}.table-header{padding:12px;border:1px solid #ccc;font-weight:700;font-size:16px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.table-cell{padding:10px;border:1px solid #ccc;font-size:14px}.download-button{font-size:1.2em;background:none;border:none;cursor:pointer}.myheader{background-color:#fff;display:flex;width:100%;border:2px solid white;flex-direction:row;justify-content:space-between;align-items:center}.Logoimg{height:5rem;order:2;align-content:end}.LogoutBtn{font-size:1em;font-weight:700;background-color:#e6e2e2;padding:8px 16px;margin-right:1rem;width:max-content;align-self:center;display:flex;align-items:center;gap:.5rem}Footer{margin-top:2rem;width:100vw}.app-footer{background-color:#000643;color:#fff;text-align:center;padding:12px;font-size:.9rem}.newExamPage{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%;font-size:1.3rem;background-color:#110f59;text-align:center;color:#fff;direction:rtl;font-family:sans-serif}.newCont{flex:1;display:flex;flex-direction:column;justify-content:start;align-items:center}header{max-width:100vw}.Logoimg{max-width:100vw;height:4rem}.input-block{margin:20px;font-size:1.3rem;font-family:sans-serif;font-weight:700}button{font-size:1.3rem;font-weight:700;font-family:sans-serif;padding:8px 16px;margin:10px;cursor:pointer}.recordingPageCont{display:flex;flex-direction:column;min-height:100vh;background-color:#110f59;color:#fff;text-align:center;width:100%;overflow-x:hidden;font-family:sans-serif}.recordingCont{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:start}.student-name-block{margin:10px}.grades-container{margin-top:20px}.grade-input-block{margin:10px}.input-bold{font-size:1rem;font-weight:700}button{font-size:1rem;font-weight:700;text-align:center;padding:8px;margin:7px}.recording-button{font-family:sans-serif;font-size:1rem;margin:14px;text-align:center}.notes{font-family:sans-serif}.twobtns{display:flex;flex-direction:column;width:fit-content;align-items:center;justify-content:center}.logoimg{max-width:100vw;height:auto}