html,body{font-family:Arial,sans-serif;margin:0;padding:0;height:100%;width:100%;background-color:#f4f4f4;color:#555;font-size:16px;line-height:1.6em;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mainContainer{display:flex;flex-wrap:wrap;justify-content:center;height:calc(100vh - 105px);width:100%;overflow-y:auto}.card{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;width:300px;margin:10px}.card-header{background-color:#f0f0f0;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:5px;margin:0;font-size:large;font-weight:700}.card-points{padding-left:5px;margin:0;font-size:small;font-style:italic}.videoDescription{margin:5px;padding:0}.card-footer{background-color:#f0f0f0;color:#383838;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:5px;margin:0;font-size:small;font-weight:700;text-align:center;text-decoration:none}.card-footer:hover{background-color:#f0f0f0;color:#383838;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:5px;margin:0;font-size:large;font-weight:bolder;text-align:center;cursor:pointer}.card-footer-a{text-decoration:none;color:#383838}.card-main{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px;width:300px;height:400px;margin:25px}.card-nav{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-left:5px;margin-top:20px;padding:5px}.pic200{width:200px;height:200px;margin:0 auto;display:block}.navContainer{display:flex;flex-direction:column;height:100%;width:95%;padding:0;margin:0}.backButton{margin-left:25px;width:80px;text-align:center}.navLink{background-color:#0f689f;color:#dadbdd;border:solid 1px #0f689f;width:calc(100% - 5px);cursor:pointer;display:block;border-radius:5px;text-decoration:none;margin-top:10px;padding-left:5px}.navLink:hover{font-weight:700}app-root{display:grid;grid-template-areas:"header header" "nav    main" "footer footer";grid-template-rows:min-content auto;grid-template-columns:12em 1fr;min-height:100%;margin:0;padding:0;position:relative}app-header{grid-area:header;height:75px;background-color:#d5e6f0;display:flex;justify-content:space-between}app-nav{grid-area:nav;padding-left:5px;padding-right:5px;background-color:#f0f0f0;flex:1;height:-o-calc(100vh - 105px);height:-webkit-calc(100vh - 105px);height:-moz-calc(100vh - 105px);overflow:hidden;cursor:pointer}main{grid-area:main;background-color:#f5f9fc;flex:1;height:-o-calc(100vh - 105px);height:-webkit-calc(100vh - 105px);height:-moz-calc(100vh - 105px);overflow:auto}app-footer{grid-area:footer;height:30px;text-align:center;font-size:medium;background-color:#d5e6f0}.nexcorLogo{height:75px;margin-left:15px}#companyName{display:flex;align-items:center}.clientLogo{float:right;height:75px;margin-right:15px}.buttonFlex{display:flex;justify-content:space-between;margin-top:0}.buttonFlex button{width:48%}.appInfo{padding:0;text-align:center;font-size:1.5em}.card-buttons{border:solid 1px #0f689f;border-radius:5px;margin-top:10px;width:100%;margin-left:1px;margin-right:1px;padding:5px 1px}.buttonLink{background-color:#0f689f;color:#fff;border:none;margin-left:5px;margin-right:5px;padding:10px 15px;border-radius:5px;cursor:pointer;margin-top:0;box-shadow:inset 0 1px #fff;text-decoration:none;text-shadow:0 1px 0 #ffffff;outline:0}.buttonLink:hover{background-color:#033555;font-weight:700}