:root{--header-height: 64px;--footer-height: 64px;--primary-color: #2e86c1;--secondary-color: #f39c12;--accent-color: #9b59b6;--neutral-color: #e5e8e8;--primary-color-dark: #1a6ba5;--primary-color-light: #a9cce3;--secondary-color-dark: #d68910;--secondary-color-light: #fad7a0;--accent-color-dark: #884ea0;--accent-color-light: #d2b4de;--active-listening-color: #f7dc6f;--error-color: #e74c3c;--border-color-light: lightgray}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;background-color:var(--neutral-color)}h1,h2,h3,h4,h5,h6{font-weight:700}p,span,a,li,div{font-weight:400}body,html{height:100%}#main-container{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - var(--footer-height));overflow-y:auto}header{min-height:var(--header-height)}footer{height:var(--footer-height);background-color:#9c27b0;color:#fff}.border-temp{border:4px solid var(--error-color)}.bg-colour-white{background-color:#fff}.container{border:1px solid red}.cursor-pointer{cursor:pointer}.cursor-pointer:hover{border:1px solid var(--neutral-color)}.active-link{font-weight:700;text-decoration:underline;color:#ff7043}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--secondary-color);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}svg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-10}@keyframes rotate{to{transform:rotate(360deg)}}.out-top{animation:rotate 20s linear infinite;transform-origin:11px 25px}.in-top{animation:rotate 10s linear infinite;transform-origin:13px 25px}.out-bottom{animation:rotate 25s linear infinite;transform-origin:82px 81px}.in-bottom{animation:rotate 15s linear infinite;transform-origin:82px 81px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;line-height:1.5}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{background:none;border:none;padding:0;margin:0;outline:none}button{background-color:transparent;cursor:pointer}progress{vertical-align:baseline}blockquote,figure{margin:0}iframe,embed{max-width:100%}fieldset{border:none;padding:0;margin:0}legend{display:table;max-width:100%;white-space:normal}details{display:block}summary{display:list-item}