body{font-family:Teachers,arial,sans-serif;letter-spacing:1px;margin:0}a{color:#42dbbf;text-decoration:none}p[role=alert]{text-align:center}img{max-width:100%}body.fixed-header header{position:fixed;top:0;left:0;width:100%}body.fixed-header header #main-nav{margin-right:16px}body.fixed-header main.container{margin-top:58px}header{position:relative;padding:8px;margin:0;height:58px;z-index:100}header #header-right{position:absolute;top:8px;right:8px}@media screen and (max-width: 900px){header #header-right{display:none}}header #header-right ul{list-style:none;padding:0;margin:0}header #header-right ul li{display:inline-block;padding:8px;margin:8px}header #header-right ul li a{font-weight:bold;text-decoration:none;vertical-align:middle;cursor:pointer;font-weight:normal;text-transform:uppercase}header #header-right ul li a.to-light-mode img,header #header-right ul li a.to-dark-mode img{height:30px}header #mobile-menu-container{position:absolute;top:8px;right:0;display:none}@media screen and (max-width: 900px){header #mobile-menu-container{display:block}}header #mobile-menu-container #toggle-mobile-menu-container{margin-right:32px}header #mobile-menu-container #toggle-mobile-menu-container svg#toggle-mobile-menu{width:60px;height:60px;cursor:pointer}header #mobile-menu-container #toggle-mobile-menu-container g .line{fill:none;stroke-width:3;stroke-linecap:round;transition:all .3s ease;transform-origin:center}header #mobile-menu-container.active g .line1{transform:rotate(45deg) translateY(15%) translateX(2%)}header #mobile-menu-container.active g .line2{opacity:0}header #mobile-menu-container.active g .line3{transform:rotate(-45deg) translateY(-15%) translateX(2%)}#mobile-menu{position:fixed;right:0px;top:-400px;transition:all .3s;z-index:99;display:none}@media screen and (max-width: 900px){#mobile-menu{display:block}}#mobile-menu.active{top:74px}#mobile-menu ul{margin:0;padding:0;list-style:none}#mobile-menu ul li a{display:block;padding:16px 30px;cursor:pointer}#mobile-menu ul li a img{width:20px;vertical-align:bottom}#mobile-menu-click-screen{position:fixed;width:100%;height:100%;top:0;left:0;z-index:98;cursor:default;display:none}#mobile-menu-click-screen.active{display:block}form .form-control{margin-bottom:16px}form .form-control label{display:block;margin-bottom:3px;text-transform:capitalize}form .form-control input[type=text],form .form-control input[type=password]{padding:8px;outline:none;font-family:Teachers,arial,sans-serif;width:280px}form .form-control input[type=submit],form .form-control button[type=submit]{background:#fcc103;width:300px;border:none;color:#fafafa;font-size:1.2em;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .5s;font-family:Teachers,arial,sans-serif}form .form-control input[type=submit]:hover,form .form-control button[type=submit]:hover{background:#fd7b0b}form .form-control input[type=submit]:disabled,form .form-control button[type=submit]:disabled{background-color:#999;cursor:default}body{background:#121;transition:.3s background-color}body.dark{background:#121}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,body.dark label,body.dark p{color:#fafafa}body.dark .alert-info{background:#1c8fb4}body.dark .alert-danger{background:#ce246a}body.dark header{box-shadow:0 0 9px #fafafa;background:#121;transition:.3s background-color}body.dark header ul#main-nav li.dark-btn-container{display:none}body.dark header ul#main-nav li a{color:#fafafa}body.dark header #mobile-menu-container #toggle-mobile-menu-container g .line{stroke:#fafafa}body.dark .page-container{background:#262b25;transition:.3s background-color}body.dark .page-container #profile-sidebar{background:#121;transition:.3s background-color}body.dark .page-container #profile-sidebar ul li{border-left:4px solid #121}body.dark .page-container #profile-sidebar ul li a{color:#fafafa}body.dark #mobile-menu{background:#121;border:1px solid #000}body.dark #mobile-menu a{color:#fafafa}body.dark #mobile-menu a.to-dark-mode{display:none}body.light{background:#fafafa}body.light h1,body.light h2,body.light h3,body.light h4,body.light h5,body.light h6,body.light label,body.light p{color:#121}body.light .alert-info{background:#36bae9}body.light .alert-danger{background:#fa327a;color:#fafafa}body.light header{box-shadow:0 0 6px #121;background:#fafafa;transition:.3s background-color}body.light header ul#main-nav li.light-btn-container{display:none}body.light header ul#main-nav li a{color:#121}body.light header #mobile-menu-container #toggle-mobile-menu-container g .line{stroke:#121}body.light .page-container{background:#e2e5e3;transition:.3s background-color}body.light .page-container #profile-sidebar{background:#fafafa;transition:.3s background-color}body.light .page-container #profile-sidebar ul li{border-left:4px solid #fafafa}body.light .page-container #profile-sidebar ul li a{color:#121}body.light #mobile-menu{background:#fafafa;border:1px solid #fff}body.light #mobile-menu a{color:#121}body.light #mobile-menu a.to-light-mode{display:none}.alert{padding:15px;margin:0 0 20px;border:1px solid rgba(0,0,0,0);border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-disconnected{cursor:wait}.phx-disconnected *{pointer-events:none}.phx-modal{opacity:1 !important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.phx-modal-content{background-color:#fefefe;margin:15vh auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:bold}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}body.home header{box-shadow:none}body.home header #header-logo-container{display:none}#home-container{text-align:center}#home-container #home-logo-container{display:inline-block}#home-container #home-logo-container img{width:300px}#home-container #home-logo-container h1{font-family:Urbanist,arial,sans-serif;margin:16px 0;font-size:140px;letter-spacing:6px;font-weight:800;line-height:40px}#home-container #home-logo-container h1 span{font-size:30px;text-transform:uppercase;font-weight:900;letter-spacing:1px}.user-form-container{text-align:center;margin-top:80px}.user-form-container .user-links{margin-top:60px}.profile-page-container{position:relative;z-index:1}.profile-page-container #profile-sidebar{position:fixed;z-index:2;top:0;left:0;width:170px;height:100vh}.profile-page-container #profile-sidebar #sidebar-logo-container{padding:8px}.profile-page-container #profile-sidebar ul#sidebar-links{margin:0;list-style:none;padding:0}.profile-page-container #profile-sidebar ul#sidebar-links li{transition:background-color .3s}.profile-page-container #profile-sidebar ul#sidebar-links li.current{border-left:4px solid #1c8fb4}.profile-page-container #profile-sidebar ul#sidebar-links li:hover{background:rgba(129,129,129,.1)}.profile-page-container #profile-sidebar ul#sidebar-links li a{display:block;padding:12px 16px}.profile-page-container .profile-page-content{margin-left:170px;padding:30px 60px;min-height:100vh}