:root{--primary: #D4F1F4;--secondary: #189AB4;--cyan-green: #75E6DA;--navy-blue: #05445E}@font-face{font-family:ExoItalic;src:url(Exo2-Italic-VariableFont_wght.41bab1a736553c0e.ttf) format("truetype")}@font-face{font-family:Exo;src:url(Exo2-VariableFont_wght.86a19cbd70da903c.ttf) format("truetype")}h1{color:#369;font-family:Arial,Helvetica,sans-serif;font-size:250%}h2,h3{color:#444;font-family:Arial,Helvetica,sans-serif;font-weight:lighter}html,body{min-height:100%;height:100%;margin:0;box-sizing:border-box;overflow:hidden}body,input[type=text],button{color:#333;font-family:Cambria,Georgia,serif}button{border:none;border-radius:4px;cursor:pointer;color:#000;font-size:1.2rem;margin-right:1rem;margin-bottom:1rem;margin-top:1rem}button:disabled{background-color:#eee;color:#aaa;cursor:auto}*:not(i){font-family:sans-serif}input::placeholder{font-family:sans-serif}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.body-container{height:calc(100% - 126px);display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;margin:0}.body-container>div{height:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;margin:0}.grid{width:100%;height:100%}.notification-container{display:flex;position:fixed;top:0;right:0;z-index:9999;width:100%;height:100%;pointer-events:none;justify-content:flex-end;align-items:flex-end;flex-direction:column}.notification-container p.notification-message{margin:0;line-height:20px}.notification-container i.notification-icon{margin-right:10px;line-height:20px}.bg-green-500{background-color:#48bb78}.bg-blue-500{background-color:#4299e1}.bg-yellow-500{background-color:#ecc94b}.bg-red-500{background-color:#f56565}button.navbar-toggler{margin:0;outline:none}