.green{color:#10fc10}.danger{color:#f30}.greyed{color:#a0a0a0}*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif,Roboto,Open Sans,Helvetica Neue}body{background:#222831;color:#fff}.container{padding:10px 5%}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}a{text-decoration:none;color:#add8e6}form input,form select,form textarea{width:100%;padding:.4em .6em;font-size:1em;border:1px solid grey;border-radius:4px;margin:.3em 0 0}form button{padding:10px 32px;font-weight:700;font-size:1em;border:none;border-radius:4px;background:#000;color:#fff;cursor:pointer}.custom_form{border-radius:6px;padding:0 0 15px}.custom_form .header{border-radius:6px 6px 0 0;padding:.5em 0;background:#393e46;text-align:center;color:#fff}.custom_form .header h1{font-size:.9em;font-weight:500;margin:0 auto .5em}.custom_form .header p{display:grid;gap:2px;color:#ededef;margin:unset}.custom_form .header p span{font-size:.9em}.custom_form form .input_group{padding:.3em 0;width:100%;margin:0 0 .3em}.custom_form form .input_group label{font-weight:500;font-size:.95em}.custom_form form .input_group input,.custom_form form .input_group textarea,.custom_form form .input_group select{background:transparent;color:#fff}.custom_form form .input_group input:focus,.custom_form form .input_group input:focus-visible,.custom_form form .input_group input:focus-within,.custom_form form .input_group textarea:focus,.custom_form form .input_group textarea:focus-visible,.custom_form form .input_group textarea:focus-within,.custom_form form .input_group select:focus,.custom_form form .input_group select:focus-visible,.custom_form form .input_group select:focus-within{background:transparent;color:#fff}.custom_form form .input_group select option{color:#222831}.custom_form form .input_group .custom_radio_buttons{display:flex}.custom_form form .input_group .custom_radio_buttons label{padding:.3em .2em;position:relative;cursor:pointer;width:30%;display:flex;align-items:center}.custom_form form .input_group .custom_radio_buttons label .option_radio{position:relative;margin:0 .1em 0 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;border:unset}.custom_form form .input_group .custom_radio_buttons label .option_radio:before{transition:transform .4s cubic-bezier(.45,1.8,.5,.75);transform:scale(0);content:"";position:absolute;top:0;left:.125rem;z-index:1;width:.75rem;height:.75rem;background:#16a085;border-radius:50%}.custom_form form .input_group .custom_radio_buttons label .option_radio:checked:before{transform:scale(1)}.custom_form form .input_group .custom_radio_buttons label .option_radio:after{content:"";position:absolute;top:-.25rem;left:-.125rem;width:1rem;height:1rem;background:#fff;border:2px solid #d6d6d6;border-radius:50%}.custom_form form .input_group .custom_checkbox{display:flex;gap:.5em}.custom_form form .input_group .custom_checkbox input[type=checkbox]{width:1em;height:1em;margin:0}.custom_form form .form_image{margin:0 0 1em}.custom_form form .form_image .image{position:relative;background:#393e46;width:120px;height:120px}.custom_form form .form_image .image img{width:100%;height:100%;border-radius:8px;-o-object-fit:contain;object-fit:contain}.custom_form form .form_image .image a{cursor:pointer;position:absolute;top:-5px;right:-10px;background:#f30;color:#fff;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #393e46}.custom_form p{margin:.8em 0 .5em}button,.btn_danger,.btn_link{padding:6px 12px;font-weight:700;font-size:1em;border-radius:4px;color:#fff}button{background:#000}.btn_danger{background:#f50202}.btn_delete{background:none;padding:2px;color:#f30}.btn_link{text-decoration:none;color:#000;border:1px solid #000}@media screen and (width >= 726px){.custom_form .row_input_group{display:grid;grid-template-columns:1fr 1fr;gap:0 1em}.custom_form .row_input_group_3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1em}}nav{height:10vh;display:grid;align-items:center;grid-template-columns:50% 1fr auto;gap:1em;padding:15px 5%;position:sticky;top:0;background:#2020204d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:4px 2px 4px #222;z-index:1000}nav a{text-decoration:none;color:#a0a0a0}nav .brand a h1{font-size:1.2em;color:#fff}nav .nav_links{display:flex;align-items:center;justify-content:flex-end;gap:1.2em}nav .nav_links .active{font-weight:700;color:#fff}nav .nav_authentication{margin-left:2em}nav .nav_authentication .login_btn,nav .nav_authentication .logout_btn{color:#ededed;padding:6px 16px;border-radius:32px;text-transform:uppercase;font-weight:700}nav .nav_authentication .actions{display:flex;align-items:center;gap:1em}nav .nav_authentication .actions .logout_btn{background:#f00606}nav .nav_authentication .login_btn{background:#393e46}nav .burger_menu{display:none}@media screen and (width <= 726px){nav{grid-template-columns:1fr auto auto auto;gap:.5em}nav .nav_links{display:none;position:absolute;top:10vh;right:0;height:50vh;width:60%;padding:0 20px;flex-direction:column;align-items:flex-start;justify-content:space-evenly;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}nav .nav_links a{color:#fff;font-size:1.1em;letter-spacing:.5px}nav .nav_links .active{color:#a5f8f1}nav .burger_menu{display:block;cursor:pointer}nav .burger_menu .burger_icon{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between}nav .burger_menu .burger_icon span{width:100%;height:3px;background:#000}nav .show{display:flex}nav .active_burger span{transition:transform .3s ease,opacity .3s ease}nav .active_burger span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}nav .active_burger span:nth-child(2){opacity:0}nav .active_burger span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}footer{padding:16px 0 0;background:#393e46;color:#fff}footer .container a{text-decoration:none;color:#fff}footer .container div{margin:0 0 1em}footer .container .branding .image{width:100px;height:100px;margin:0 auto .5em;padding:8px}footer .container .branding .image img{width:100%;height:100%}footer .container .branding h1{font-size:1.25em;text-transform:uppercase;margin:.5em 0}footer .container .links{display:grid;gap:.5em}footer .container .socials a img{width:20px;margin-right:10px}footer .copyright{text-align:center;border-top:1px solid grey;padding:8px}@media screen and (width >= 726px){footer .container{display:grid;grid-template-columns:30% 1fr 1fr;justify-items:center}footer .container .branding{text-align:center}footer .container .links{gap:.2em}}.alert{padding:.5em 1em;border-radius:4px;color:#fff;font-weight:700;position:absolute;right:0;top:10vh;opacity:1;transition:opacity .5s ease-in-out;z-index:10}.Admin .alert{top:0}.alert-danger{background:#fa2626}.alert-success{background:#02a81d}.alert-status,.alert-warning{background:#c28005}.inline_alert{margin:.1em 0 0;font-weight:700;color:#fa2626}.inline_alert_success{padding:.5em;margin:.5em 0;color:#02a81d}aside{position:fixed;border-right:1px solid grey;height:100%;padding:4px 8px;text-align:center}aside i{font-size:1.5em}aside a{text-decoration:none;color:#fff}aside .active{background:#393e46;border-radius:8px}aside .active a{color:#fff}aside .brand h1,aside .text{display:none}@media screen and (width >= 726px){aside .brand h1,aside .text{display:block}}aside .brand a{display:flex;align-items:center;justify-content:center;gap:.2em}aside .brand a img{height:20px;width:20px;border-radius:50%}aside .brand a h1{font-size:1em}aside ul{list-style:none;margin:.8em 0 0}aside ul li{padding:4px}aside .footer{position:absolute;bottom:2em}aside .footer .profile img{width:40px;height:40px;border-radius:50%}aside .footer .logout{margin:.5em 0 0}aside .footer .logout form button{background:none;padding:unset}aside .footer .logout form button i{color:red}@media screen and (width >= 726px){aside{text-align:left}aside i{font-size:.95em}aside ul{margin:2em 0}aside ul li{border-bottom:1px solid #ccc}aside ul li a{display:grid;grid-template-columns:25px auto;align-items:center}aside .footer{left:0;width:100%;padding:0 0 0 8px}aside .footer .profile,aside .footer .logout{display:flex;align-items:center}aside .footer .profile{gap:.3em}aside .footer .profile img{width:35px;height:35px;border:1px solid green;padding:2px}aside .footer .profile span{font-size:.8em}aside .footer .logout{justify-content:center}aside .footer .logout form button{display:flex;align-items:center;gap:.2em;background-color:red;color:#fff;border-radius:4px;padding:6px 12px}aside .footer .logout form button i{color:#fff}}.HomePage section{margin:0 0 5em}.HomePage .Hero{height:40dvh;overflow:hidden}.HomePage .Hero .container{text-align:center}.HomePage .Hero .container .text .hero_btn{margin:2.5em 0}.HomePage .Hero .container .text .hero_btn a{text-decoration:none;text-transform:uppercase;background:#00adb5;color:#fff;padding:10px 12px;border-radius:4px;font-size:1em;font-weight:700;letter-spacing:.25px}.HomePage .Hero .container .image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 -125px;object-position:0 -125px}@media screen and (width >= 726px){.HomePage .Hero{height:85dvh;display:flex;flex-direction:column;position:relative}.HomePage .Hero .container{margin:4em 0 0}.HomePage .Hero .container .text h1{font-size:2.5em;width:70%;margin:auto}.HomePage .Hero .container .image{border:12px solid #393e46;border-radius:16px;height:350px;width:90%;position:absolute;margin:2.5em auto;left:0;right:0;top:1}.HomePage .About .container p{width:70%;margin:auto;text-align:center}}.AboutPage section{margin:0 0 3em}.AboutPage .Hero .container{padding:4em 5%}.AboutPage .Hero .container p{line-height:1.5}.AboutPage .Team .team_members{display:grid;grid-template-columns:1fr;gap:.5em;gap:3em;margin:2em 0}@media screen and (width >= 726px){.AboutPage .Team .team_members{grid-template-columns:repeat(3,1fr)}}.AboutPage .Team .team_members .team_member{text-align:center}.AboutPage .Team .team_members .team_member .image{height:128px;width:128px;margin:auto}.AboutPage .Team .team_members .team_member .image img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.AboutPage .Team .team_members .team_member .text{margin:.5em 0}.AboutPage .Team .team_members .team_member .text h1{font-size:1.15em}.AboutPage .Team .team_members .team_member .text p{color:#a0a0a0}.Contact .container{display:grid;grid-template-columns:1fr;gap:.5em;align-items:center}@media screen and (width >= 726px){.Contact .container{grid-template-columns:repeat(2,1fr)}}.Contact .container .text p{font-size:1.25em;color:#fff}@media screen and (width >= 726px){.Contact .container .text p{font-size:2em}}.Contact .container .text p span{display:grid}.Contact .container .text .hours{margin:.8em 0 0}.Admin .Contact .strikethrough{text-decoration:line-through}.Admin .Contact .edit_comment{border:1px solid #d1d0d0}.Admin .Contact .edit_comment .comment{background:#dcfcfa;width:75%;margin:.5em 0 2em;padding:8px 15px;border-radius:8px 8px 32px;box-shadow:2px 2px 6px #cacaca}.Admin .Contact .edit_comment form{padding:10px 15px}@media screen and (width >= 726px){.Admin .Contact .edit_comment{width:60%;margin:auto}}.Authentication{display:flex;align-items:center;justify-content:center;height:90vh}.Authentication .container .header{text-align:center;margin:0 0 1em}.Authentication .container .header img{border-radius:50%;width:60px;height:60px}.Authentication .verify_email{text-align:center}.profile_update{background:#f5f5f5;color:#222831}.profile_update .page_header,.profile_update .section{background:#fff}.profile_update .page_header{margin:0 0 1em;padding:1.5em 5%}.profile_update h1,.profile_update h2{font-size:1.2em}.profile_update h2{margin:0 0 .3em}.profile_update .section{padding:1.4em 3%;border-radius:8px;margin:0 auto 1em}.profile_update .section .header{margin:0 0 1em}.profile_update .profile_information .body .custom_form input{color:#222831}@media screen and (width >= 726px){.Authentication .login,.Authentication .verify_email,.Authentication .forgot_password{width:40%}.Authentication .signup{width:50%}.profile_update .section{width:95%}.profile_update .section .body .custom_form{width:50%}}.UserDashboard .container h1{font-size:1.35em}.UserDashboard .container .custom_form{margin:1em 0;display:flex;align-items:center;gap:1em}.Admin .Dashboard .hero h1{font-size:1.2em}.Admin .Dashboard .stats{display:grid;grid-template-columns:1fr;gap:.5em;margin:1em 0}@media screen and (width >= 726px){.Admin .Dashboard .stats{grid-template-columns:repeat(6,1fr)}}.Admin .Dashboard .stats .stat{background:#393e46;padding:8px 16px;border-radius:8px;display:grid;grid-template-columns:30px auto;align-items:center;gap:.8em}.Admin .Dashboard .stats .stat .icon{background:#222831;height:30px;width:30px;border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center}.Admin .Dashboard .stats .stat .text{display:grid}.Admin .Dashboard .stats .stat .text a{text-decoration:none;color:#fff;font-size:.9em}.Admin .Dashboard .stats .stat .text span{font-size:1.2em}.Admin .Dashboard .stats .stat .text span del{font-size:.8em;margin:0 0 0 .3em;color:#a0a0a0}.Admin aside{width:15%}.Admin .admin_content{margin-left:15%;padding:8px 15px}.Admin .admin_content .related_pages_navbar{margin:0 0 .8em}.Admin .admin_content .related_pages_navbar a{text-decoration:none;background:#000;color:#fff;padding:4px 8px;border-radius:0 8px 0 0}.Admin .admin_content .header{display:flex;align-items:center;justify-content:space-between;margin:0 0 .5em}.Admin .admin_content .header h1{font-size:1.1em}.Admin .admin_content .header input{border:1px solid rgb(41,41,41);border-radius:32px;padding:4px 16px}.Admin .admin_content .header .header_btn{margin:0}.Admin .admin_content .header .header_btn a{text-decoration:none;background:#000;color:#fff;padding:4px 8px;border-radius:4px}.Admin .admin_content .body table{width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 1em}.Admin .admin_content .body table thead{background:#222831;color:#fff;border-bottom:1px solid gray}.Admin .admin_content .body table thead th{text-align:left;padding:6px;font-size:.9em}.Admin .admin_content .body table thead th:last-of-type{text-align:center;border-radius:0 8px 0 0}.Admin .admin_content .body table thead th:first-of-type{border-radius:8px 0 0}.Admin .admin_content .body table tbody tr{border-bottom:1px solid rgb(211,211,211)}.Admin .admin_content .body table tbody tr:nth-of-type(odd){background:#393e46}.Admin .admin_content .body table tbody tr td{padding:4px 6px}.Admin .admin_content .body table tbody tr td .td_span{font-size:.65em;font-weight:700;background:#00adb5;padding:2px 6px;border-radius:8px}.Admin .admin_content .body table tbody tr .actions{display:flex;justify-content:center;gap:0 2em}.Admin .admin_content .body table tbody tr .actions .action i{font-size:1em;font-weight:700}.Admin .admin_content .body table tbody tr .actions .action .update{color:green}.Admin .admin_content .body table tbody tr .actions .action .delete{color:red}.Admin .admin_content .body table tbody tr .actions .action form button{background:none;padding:0;cursor:pointer}.Admin .admin_content h1 span,.Admin .admin_content h2 span{font-weight:500;font-size:.8em;font-style:normal;color:#a0a0a0}@media screen and (width <= 726px){.Admin .admin_content .header{flex-direction:column;align-items:flex-start;gap:.5em}.Admin .admin_content .body{width:100%;overflow:scroll}}.Course ul,.Course ol{padding:.3em 1.2em}.Course .courses_wrapper{display:grid;grid-template-columns:1fr;gap:.5em;gap:3em 2em}@media screen and (width >= 726px){.Course .courses_wrapper{grid-template-columns:repeat(4,1fr)}}.Course .courses_wrapper .course a .thumbnail{height:200px;margin:0 0 .5em}.Course .courses_wrapper .course a .thumbnail img{border-radius:8px}.Course .courses_wrapper .course .text{text-align:center}.Course .courses_wrapper .course .text h1{margin:0 0 .5em}.Course .section_content h1{font-size:1.25em;color:#00fff5;border-bottom:1px solid #a0a0a0;padding:4px 0;margin:0 0 .3em;text-align:center}.Course .section_content h2,.Course .section_content h3{margin:.8em 0 .2em;color:#00fff5}.Course .section_content h2{font-size:1.1em;text-align:center}.Course .section_content h3{font-size:1em}.Course .section_content pre{background:#393e46;padding:16px 8px;border-radius:8px;margin:.3em 0;white-space:pre-wrap;word-wrap:break-word}.Course .section_content pre code{white-space:pre-wrap;word-wrap:break-word}.Course .section_content p{line-height:1.3}.Course .section_content p.command{border-left:4px solid #00adb5;padding:2px 4px;margin:.4em .5em}.Course .section_content .path{color:#fc91a3}.Course .section_content table{width:100%;border-collapse:collapse;border:1px solid #a0a0a0}.Course .section_content table tr,.Course .section_content table td{border:1px solid #a0a0a0}.Course .section_content table tr:first-of-type{font-weight:700}.Course .section_content table td{padding:2px}.Course .course_contents aside{width:15%;border-right:1px solid rgb(73,73,73)}.Course .course_contents aside .links{display:grid}.Course .course_contents .contents{margin-left:calc(15% + .5em);margin-right:.3em}.Course .course_contents .contents .section_content{border:1px solid grey;padding:8px;border-radius:8px;margin:0 0 1em}.Admin .Course .body .custom_list{padding:0 1em;list-style:none}.Admin .Course .body .custom_list li{display:grid;grid-template-columns:50px auto 150px}.Admin .Course .body .custom_list li .actions{text-align:center}.Admin .Course .body .custom_list li .actions button{padding:2px;background:transparent;color:#fa2626}.Admin .Course .body .custom_list hr{border:1px solid #a0a0a0}.Admin .Course .course_contents aside{width:12%}.Admin .Course .custom_form .ck-editor{color:#222831}