:root{--primary: #043183;--secondary: #263548;--tertiary: #B6CDE5;--base: #f0fafc;--my-shadow: #1B324033;--my-shadow-hover: #1B324073}*{font-family:Roboto,sans-serif}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--base);max-width:100%;overflow-x:hidden;margin:0;padding:0}#hero{padding-top:92px;padding-bottom:92px}#hero h1{text-align:center;color:var(--primary)}#hero .input-group{padding-top:20px;padding-bottom:20px}#hero p{color:var(--secondary);text-align:center}#copy1,#copy2,#contact,#login-content,#validate-content,#add-content{padding-top:32px;padding-bottom:32px;margin-bottom:48px}#dashboard-content{padding-top:24px;padding-bottom:32px;max-width:100%}#copy1{border-top:4px solid var(--tertiary);border-bottom:4px solid var(--tertiary);text-align:center}#copy1 h1,#copy2 h1,#contact h1{font-size:24px;font-weight:500;color:var(--secondary);padding-bottom:20px}#login-content h1{font-size:48px;color:var(--secondary);padding-bottom:20px}#copy1 p,#copy2 p,#validate-content p{color:var(--secondary)}#validate-content .heading,#dashboard-content .heading,#add-content .heading{font-size:20px;margin-bottom:4px;color:var(--secondary)}#table-area,#add-form{margin-top:40px;color:var(--secondary)}#contact{border-top:4px solid var(--tertiary);border-bottom:4px solid var(--tertiary);color:var(--secondary);text-align:center}#validate-content table{margin-top:32px;margin-bottom:40px}#dashboard-content table{margin-top:10px;margin-bottom:40px}#dashboard-content table .fa{color:var(--secondary);padding-right:30px}#validate-content li{margin-bottom:20px;color:var(--secondary)}#add-content .input-group .first{border-radius:.3rem 0rem 0rem .3rem}#add-content .input-group .last{border-radius:0rem .3rem .3rem 0rem}#add-form a{color:var(--secondary)}@media screen and (max-width: 576px){#dashboard-content table .fa{padding-right:10px}#add-form .input-group,#add-form [name=certificate_upload]{width:100%}}@media screen and (min-width: 576px and max-width: 768px){#add-form .input-group,#add-form [name=certificate_upload]{width:75%}}@media screen and (max-width: 992px){#copy2,#login-content{text-align:center}#login-content h1{font-size:24px;font-weight:500}.form-card{text-align:left}.fa-arrow-right{display:none}}@media screen and (min-width: 768px){#add-form .input-group,#add-form [name=certificate_upload]{width:50%}}@media screen and (min-width: 992px){#copy2,#login-content{text-align:left}.fa-arrow-right{display:block}}