.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}:root{--primary-purple: #66587A;--pale-purple: #C2BBCE;--primary-green: #7ECCB7;--slider-green: #00bfa6;--topnav-green: #48BE9F;--hover-green: #A0D9CA;--section-box-shadow: 0 2px 6px rgba(0, 0, 0, .08);--section-border-radius: 10px}html,body{margin:0;padding:0;width:100%;height:100%;font-family:"Noto Serif",serif;overflow-y:auto;background-color:#f5f5f5}app-root{height:100%}main.main>app-account,main.main>app-courses,main.main>app-skills{flex:1;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box}h1{color:var(--primary-purple)}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}main.main{flex:1;display:flex;flex-direction:column}app-footer{position:relative;flex-shrink:0}.mobile-bottom-nav{margin-bottom:60px}.toast-success{background-color:var(--topnav-green)!important;color:#fff!important}.page-container{display:flex;flex-direction:column;flex:1;overflow:visible!important}.page-container.flexDirectionRow{flex-direction:row}.page-container .side{flex:0 0 50%;max-width:50%;box-sizing:border-box}.page-container .header{align-items:center;flex-wrap:wrap;width:100%;margin-bottom:5px}.page-container .header h1{margin:0;flex:1;width:100%}.page-container .purple{border:1px solid var(--primary-purple);background:var(--primary-purple);cursor:not-allowed}.page-container .green{border:1px solid var(--primary-green);background:var(--topnav-green)}.page-container .green:hover{background:var(--hover-green)}.page-container .body{display:flex;align-items:flex-start;gap:2rem;position:relative}button{transition:background-color .2s ease;color:#fff;cursor:pointer;width:100%;margin-top:15px;border-radius:5px;padding:20px 30px;font-family:"Noto Serif",serif;font-size:16px;box-shadow:0 4px 10px #0003}input[disabled]{background-color:#f5f5f5;color:#666;border:1px solid #ccc;cursor:not-allowed}.course-card .img1{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img1-FZJY7TRN.jpg")}.course-card .img2{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img2-2XWTJD66.jpg")}.course-card .img3{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img3-LPN2E4H6.jpg")}.course-card .img4{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img4-RELDIZIF.jpg")}.course-card .img5{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img5-BLXW4BNO.jpg")}.course-card .img6{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img6-WQDUFWOK.jpg")}.course-card .img7{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img7-DHYUOKDL.jpg")}.course-card .img8{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img8-CIQNJDW7.jpg")}.course-card .img9{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img9-YJX3WKQJ.jpg")}.course-card .img10{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img10-ZDNWX3NK.jpg")}.course-card .img11{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img11-4OONIHF7.jpg")}.course-card .img12{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img12-ZWW6HU5F.jpg")}.course-card .img13{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img13-TYMZ3YUN.jpg")}.course-card .img14{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img14-7VN3O3DW.jpg")}.course-card .img15{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img15-UFNJGGLZ.jpg")}.course-card .img16{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img16-TYRWH7VG.jpg")}.course-card .img17{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img17-YDJNMES3.jpg")}.course-card .img18{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img18-ZZODV7BK.jpg")}.course-card .img19{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img19-SGANDDBH.jpg")}.course-card .img20{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img20-62F5FHQY.jpg")}.course-card .img21{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img21-MYN4LQBI.jpg")}.course-card .img22{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img22-BTNPUE54.jpg")}.course-card .img23{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img23-AUILBK4A.jpg")}.course-card .img24{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img24-DIOHZ5GS.jpg")}.course-card .img25{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img25-YVGNJL2C.jpg")}.course-card .img26{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img26-6APN5INU.jpg")}.course-card .img27{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img27-5LH5TDX7.jpg")}.course-card .img28{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img28-XMMA2LGO.jpg")}.course-card .img29{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img29-HVF36XQC.jpg")}.course-card .img30{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img30-FHY6DZOZ.jpg")}.course-card .img31{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img31-S2R224HX.jpg")}.course-card .img32{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img32-3WN7PG4L.jpg")}.course-card .img33{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img33-TNWG3YZS.jpg")}.course-card .img34{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img34-JCYO2TNC.jpg")}.course-card .img35{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img35-7KCB377O.jpg")}.course-card .img36{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img36-BCY6ITA5.jpg")}.course-card .img37{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img37-6HP7BXKN.jpg")}.course-card .img38{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("./media/img38-E2FMCEQO.jpg")}.leftSide{display:flex;justify-content:flex-start;flex-direction:column;flex:1;border-right:1px solid #ccc;padding:10px}.leftSide .component{flex:1;display:flex;justify-content:center}.leftSide .component .column{align-self:flex-start;margin-top:10%;min-width:50%}.leftSide .component .column .account-component-form{display:flex;flex-direction:column;max-width:400px;margin:0}.leftSide .component .column .account-component-form input{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;margin-top:10px;width:100%}.leftSide .component .column .account-component-form input.invalid{border-color:red}.leftSide .component .column .account-component-form .error{color:red;font-size:.9rem}