*{box-sizing:border-box;margin:0;padding:0}.color-primary-main{color:#19ace6}.bg-primary-main{background-color:#19ace6}.color-primary-dark{color:#1697ca}.bg-primary-dark{background-color:#1697ca}.color-primary-light{color:#5ec5ed}.bg-primary-light{background-color:#5ec5ed}.color-alt-1{color:#e93a3a}.bg-alt-1{background-color:#e93a3a}.color-alt-1-light{color:#f39595}.bg-alt-1-light{background-color:#f39595}.color-alt-2{color:#863ae9}.bg-alt-2{background-color:#863ae9}.color-alt-2-light{color:#cfb1f6}.bg-alt-2-light{background-color:#cfb1f6}.color-alt-3{color:#14b81a}.bg-alt-3{background-color:#14b81a}.color-alt-3-light{color:#a3f5a6}.bg-alt-3-light{background-color:#a3f5a6}.color-accent{color:#fffa98}.bg-accent{background-color:#fffa98}.bg-color{background-color:#072847}.bg-ele{background-color:#f9f9f914}.bg-grad-blue{background-image:linear-gradient(20deg,#0a5179,#1b4968)}.success{color:#abf3a7}.error{color:#f96565}.heading-1{font-size:32px;font-weight:500}.heading-2{font-size:28px;font-weight:500}.heading-3{font-size:24px;font-weight:500}.heading-4{font-size:20px;font-weight:500}.heading-5{font-size:18px;font-weight:500}.heading-6{font-size:16px;font-weight:500}.heading-7{font-size:14px;font-weight:500}.text-1{font-size:18px}.text-2{font-size:16px}.text-3{font-size:14px}.subtext{font-size:12px}.bold{font-weight:500}.padding-1{padding:40px}.padding-top-1{padding-top:40px}.padding-right-1{padding-right:40px}.padding-bottom-1{padding-bottom:40px}.padding-left-1{padding-left:40px}.padding-2{padding:32px}.padding-top-2{padding-top:32px}.padding-right-2{padding-right:32px}.padding-bottom-2{padding-bottom:32px}.padding-left-2{padding-left:32px}.padding-3{padding:24px}.padding-top-3{padding-top:24px}.padding-right-3{padding-right:24px}.padding-bottom-3{padding-bottom:24px}.padding-left-3{padding-left:24px}.padding-4{padding:16px}.padding-top-4{padding-top:16px}.padding-right-4{padding-right:16px}.padding-bottom-4{padding-bottom:16px}.padding-left-4{padding-left:16px}.padding-5{padding:12px}.padding-top-5{padding-top:12px}.padding-right-5{padding-right:12px}.padding-bottom-5{padding-bottom:12px}.padding-left-5{padding-left:12px}.padding-6{padding:8px}.padding-top-6{padding-top:8px}.padding-right-6{padding-right:8px}.padding-bottom-6{padding-bottom:8px}.padding-left-6{padding-left:8px}.padding-7{padding:4px}.padding-top-7{padding-top:4px}.padding-right-7{padding-right:4px}.padding-bottom-7{padding-bottom:4px}.padding-left-7{padding-left:4px}.margin-1{margin:40px}.margin-top-1{margin-top:40px}.margin-right-1{margin-right:40px}.margin-bottom-1{margin-bottom:40px}.margin-left-1{margin-left:40px}.margin-2{margin:32px}.margin-top-2{margin-top:32px}.margin-right-2{margin-right:32px}.margin-bottom-2{margin-bottom:32px}.margin-left-2{margin-left:32px}.margin-3{margin:24px}.margin-top-3{margin-top:24px}.margin-right-3{margin-right:24px}.margin-bottom-3{margin-bottom:24px}.margin-left-3{margin-left:24px}.margin-4{margin:16px}.margin-top-4{margin-top:16px}.margin-right-4{margin-right:16px}.margin-bottom-4{margin-bottom:16px}.margin-left-4{margin-left:16px}.margin-5{margin:12px}.margin-top-5{margin-top:12px}.margin-right-5{margin-right:12px}.margin-bottom-5{margin-bottom:12px}.margin-left-5{margin-left:12px}.margin-6{margin:8px}.margin-top-6{margin-top:8px}.margin-right-6{margin-right:8px}.margin-bottom-6{margin-bottom:8px}.margin-left-6{margin-left:8px}.margin-7{margin:4px}.margin-top-7{margin-top:4px}.margin-right-7{margin-right:4px}.margin-bottom-7{margin-bottom:4px}.margin-left-7{margin-left:4px}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,main{background-color:#072847}main{min-height:100vh;width:100%}.button{align-items:center;background-color:#19ace6;border:none;border-radius:8px;color:#fff;display:flex;font-size:18px;justify-content:center;min-width:110px;padding:8px 12px;transition:.2s ease-out}.button:hover{background-color:#179bcf}.button:disabled{background-color:#a3b4c733;cursor:not-allowed}.secondary-button{background:none;border:1px solid #19ace6;color:#19ace6}.secondary-button:hover{background-color:#0000;border:1px solid #179bcf;color:#179bcf}.secondary-button:disabled{border:1px solid #a3b4c733;color:#a3b4c733;cursor:not-allowed}.button:hover,.cursor-pointer:hover,button:hover{cursor:pointer}img{max-width:100%}.border-radius-5{border-radius:4px}.border-radius-4{border-radius:8px}.border-radius-3{border-radius:12px}.border-radius-2{border-radius:16px}.border-radius-1{border-radius:20px}.App{display:flex}.open-nav-btn{background:none;border:none;color:#19ace6;font-size:1.8rem;opacity:.8;position:absolute;right:10px;top:5px}.link{color:#1697ca;font-weight:600;transition:.2s ease-out}.link:hover{color:#19ace6;cursor:pointer}.heading-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.card{border-radius:20px;padding:24px}.icon-1{width:16px}.icon-2{width:20px}.icon-3{width:24px}.flex{display:flex}.justify-between,.space-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-end{align-items:flex-end}.justify-center{justify-content:center}.justify-around,.space-around{justify-content:space-around}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-grow-0{flex-grow:0}.body-no-scroll{overflow:hidden}input,select{-webkit-appearance:none;appearance:none;border:1px solid #e1e1e1;border-radius:8px;color:#000;font-size:16px;margin-bottom:0;max-width:500px;padding:12px;width:100%}input:disabled,select:disabled{background-color:#ccc;border:1px solid #e1e1e1}select{background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgOSAxIDRoMTBabTAgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==)}.dark-select,select{background-position:right 10px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:30px}.dark-select{background-color:#1f3d59;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgOSAxIDRoMTBabTAgMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);border:none;color:#fff}.fit-select{padding-right:35px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}label{font-size:16px}.input-group{margin-bottom:24px}.input-group:last-child{margin-bottom:0}.input-group input,.input-group label{display:block}.input-group label{font-size:16px;margin-bottom:12px}.input-group input,.input-group select{font-size:16px;width:100%}@keyframes navSlideOut{0%{left:0}to{left:-80%}}.slide-nav-out{animation:navSlideOut .35s ease-in 1 forwards!important}.hide{display:none!important}p{line-height:1.2}.page-container{background-color:#072847;min-height:100vh;padding:40px 16px}a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a:active,a:focus,a:hover,a:link,a:visited{color:#fff;text-decoration:none}a:hover{cursor:pointer}.prev-page-link{align-items:center;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.prev-page-link img{margin-right:8px;width:12px}.prev-page-link:hover{cursor:pointer}@media(min-width:768px){.page-container{margin:0 auto;max-width:1300px;padding:40px 16px;width:90%}}#Navigation{background:linear-gradient(90deg,#00a5e7,#19ace6);border-image:linear-gradient(180deg,#fff200,#fff) 1 100%;border-style:solid;border-width:10px;border-bottom:none;border-left:none;border-top:none;float:left;font-size:1.6rem;max-width:350px;min-height:100vh;min-width:250px;padding:1em 0;position:relative;width:25%;z-index:10}#Navigation #logo{color:#fff200;font-size:2.7rem;margin-top:.5em;padding:0 1rem}#Navigation nav{color:#fff;margin-top:1.5em}#Navigation nav ul{list-style-type:none}#Navigation nav ul li:last-child{font-size:1.5rem;padding-bottom:.5em;padding-top:3.5em}#Navigation nav ul a,#Navigation nav ul button{align-items:center;background-color:#30c3ff;border:1px solid #7addff;border-left:none;border-radius:0 10px 10px 0;color:#fff;display:flex;margin:20px 0;padding:1em;text-decoration:none;transition:.15s ease-in-out;width:80%}#Navigation nav ul a:hover,#Navigation nav ul button:hover{box-shadow:0 0 5px 0 #a4e4ff;width:85%}#Navigation nav ul a .active,#Navigation nav ul button .active{color:#ffffffb3}#Navigation nav ul a svg,#Navigation nav ul button svg{margin-right:10px;width:30px}#Navigation nav ul .logout{cursor:pointer;font-size:1.6rem}#Navigation nav ul .active{box-shadow:0 0 5px 0 #a4e4ff;width:85%}@media screen and (max-width:1500px){#Navigation nav ul a{border-radius:0;border-right:none;width:100%}#Navigation nav ul a:hover{box-shadow:0 0 5px 0 #a4e4ff}#Navigation nav ul a svg{margin-right:10px;width:30px}#Navigation nav ul .active{box-shadow:0 0 5px 0 #a4e4ff;width:100%}}@media screen and (max-width:820px){#Navigation{display:none}}#control-panel{background:linear-gradient(#f2f9fb,#ccf0ff);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.5em;padding:2em}@media screen and (max-width:500px){#control-panel{padding:3rem 1rem}}.time-tracker{align-items:center;background-color:#19ace6;border-radius:10px;box-shadow:1px 2px 2px #0003;display:flex;font-size:2rem;justify-content:space-between;padding:.5em 1em;width:260px}.time-tracker button{background-color:#0000;border:none;color:#fff;font-size:1.5rem;margin-right:1.5em;transition:color .3s ease-in-out}.time-tracker button:hover{color:#ffffffd9;cursor:pointer}.time-tracker .time{color:#fff}@media screen and (max-width:550px){.time-tracker{font-size:1.3rem;width:45%}.time-tracker button{font-size:1.2rem;margin-right:.5rem}}.skill-tracker{align-items:center;background-color:#11a5e0;border-radius:10px;box-shadow:1px 2px 2px #0003;color:#fff;display:flex;font-size:2rem;justify-content:center}.skill-tracker .skill{padding:0 2rem}.skill-tracker .level{align-items:center;background-color:#ebe135;border:3px solid #11a5e0;color:#11a5e0;display:flex;height:100%;padding:1rem;position:relative}.skill-tracker .level span:first-child{font-size:.8rem;left:5px;position:absolute;top:5px}@keyframes levelUp{0%{transform:scale(1)}to{transform:scale(1.5)}}.skill-tracker .level .level-up{animation-direction:alternate;animation-duration:.2s;animation-iteration-count:2;animation-name:levelUp}@media screen and (max-width:550px){.skill-tracker{font-size:1.2rem;justify-content:space-between;width:48%}.skill-tracker .skill{overflow:hidden;padding-left:1rem;padding-right:0;text-overflow:ellipsis;white-space:nowrap}.skill-tracker .level{padding:.8rem}}.progress-bar-container{margin-bottom:4em;margin-top:1.5em}.progress-bar-container .progress-bar{background-color:#fff;height:15px;width:100%}.progress-bar-container .progress-bar .progress{background-color:#35ff9a;height:100%;transition:width .5s ease-in-out;width:0}.progress-bar-container .progress-text{color:#fff;display:flex;font-size:1rem;justify-content:space-between;padding:.5em 1em}.progress-bar-container .level{font-size:1.2rem;margin-bottom:5px}.progress-bar-container .text-right{text-align:right!important}.progress-bar-container .xp{color:#f1f1f1;font-size:.9rem}.activity-card{align-items:center;background-color:#f9f9f914;border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;position:relative}.activity-card .activity-time{text-align:right}@keyframes activityAnimationIn{0%{bottom:140%;opacity:0}to{bottom:0;opacity:1}}@keyframes activityAnimationOut{0%{opacity:1;top:0}to{opacity:0;top:120%}}@keyframes slideActivityDown{0%{opacity:1;top:0}30%{opacity:.2}50%{opacity:0}to{opacity:0;top:300px}}@keyframes fadeActivityIn{0%{opacity:0}to{opacity:1}}#auth-page{background-color:#072847;color:#fff;left:0;min-height:100vh;min-height:125vh;padding:40px 16px;position:absolute;top:0;z-index:99}#auth-page,#auth-page .left-container{align-items:center;display:flex;flex-direction:column;width:100%}#auth-page .form-container{background-color:#f9f9f914;border-radius:20px;margin-top:50px;max-width:500px;padding:24px 32px;width:100%}#auth-page .form-container .form-title{color:#5ec5ed;font-size:28px;font-weight:500;margin-bottom:32px}#auth-page .form-container div>p{bottom:15px;color:#5ec5ed;font-size:40px;font-weight:500;position:relative;text-decoration:none;transition:.2s ease-out}#auth-page .form-container div>p:hover{color:#2bb2e8;cursor:pointer}#auth-page .form-container a{color:#5ec5ed;font-size:16px;font-weight:400;text-decoration:underline;transition:.2s ease-out}#auth-page .form-container a:hover{color:#19ace6;cursor:pointer}#auth-page .form-container .error{color:#f39595;font-size:14px}#auth-page div>p{color:#5ec5ed;font-size:18px;margin-top:24px}#auth-page div>p a{color:#5ec5ed;font-size:16px;font-weight:400;text-decoration:underline;transition:.2s ease-out}#auth-page div>p a:hover{color:#19ace6;cursor:pointer}#auth-page .success-page p{color:#fff}#auth-page .input{width:100%}#auth-page .button{background-color:#19ace6;margin-top:40px;padding:12px;width:100%}#auth-page .button:hover{background-color:#1697ca;cursor:pointer}#auth-page .image-container{display:none}@media(min-width:768px){#auth-page{align-items:center;flex-direction:row;justify-content:space-between;max-height:100vh;min-height:100vh;overflow:hidden;padding:0}#auth-page .image-container{background-image:url(/static/media/ab4.a1bdead2b988eb124f54.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100vh;width:45%}#auth-page .left-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:55%}}.profile-container{background-color:#fcfcfc;background:linear-gradient(#f2f9fb,#ccf0ff)}.profile-container .form-container{max-width:400px;min-width:280px;padding:3rem 2rem 2rem}.profile-container .form-input-container{align-items:center;color:#272727;display:flex;padding:.5rem}.profile-container .form-input-container label{padding-right:8px;text-align:right;width:100px}.profile-container .form-input-container input{border:1px solid #a0a0a0;border-radius:8px;padding:5px}.profile-container .form-input-container input:disabled{background-color:#a3b4c733}.profile-container .form-buttons-container{display:flex;justify-content:flex-end;padding:10px}.profile-container .form-buttons-container button{background-color:#19ace6;border:none;border-radius:20px;color:#fff;margin-left:15px;padding:8px 25px}.profile-container .form-buttons-container button:hover{background-color:#1697ca;cursor:pointer}.add-new-skill{align-items:flex-start;background-color:#fcfcfc;background:linear-gradient(#f2f9fb,#ccf0ff);display:flex;padding:2rem 2rem 2rem 3.5rem}.add-new-skill button{background-color:#0000;border:none;bottom:5px;color:#19ace6;font-size:4rem;margin:1rem 1rem 0;padding-bottom:0;position:relative}.add-new-skill button:hover{color:#59c3ed;cursor:pointer}.add-new-skill button:disabled{color:#e3f5fc}.add-new-skill .input-label-container{position:relative}.add-new-skill .input-label-container .label-container{color:#2bb2e8;padding-bottom:8px;padding-left:5px}.add-new-skill .input-label-container .label-container label{font-weight:400}.add-new-skill .input-label-container .input-container input{border:1px solid #d3d3d3;border-radius:15px;box-shadow:0 2px 4px #0000000d;color:#363636;font-size:1.5rem;padding:5px 10px}.add-new-skill .input-hint{bottom:-15px;color:#1697ca;padding:5px;position:absolute;white-space:nowrap}.add-new-skill .error{color:red!important}.add-new-skill .success{color:green!important}.add-new-skill .invalid{border:1px solid red!important;outline:1px solid red!important}@media screen and (max-width:440px){.add-new-skill{padding-top:3rem}.add-new-skill .input-label-container .input-container input{width:90%}.add-new-skill button{margin-left:0}.add-new-skill .input-hint{bottom:-30px;font-size:.85rem;white-space:normal;width:300px}}#skills-page{border-left:none;box-shadow:5px 0 15px #0003;width:100%}#skills-page .warning-modal{border-radius:5px;padding:0}#skills-page .warning-modal header{background-color:#f5f5f5;border-radius:5px 5px 0 0;color:#f31818;padding:1rem}#skills-page .warning-modal p{background-color:#fff;color:#1b1b1b;margin-bottom:0;margin-top:0;padding:1.5rem 1.5rem 2rem}#skills-page .warning-modal p span{background-color:#fff;border:1px solid #19ace6;color:#1697ca;padding:3px}#skills-page .warning-modal footer{background-color:#fafafa;border-radius:0 0 5px 5px;margin:0;padding:1rem}#skills-page .warning-modal footer button:hover{cursor:pointer}#skills-page .warning-modal footer button:first-child:hover{background-color:#e2e2e2}#skills-page .warning-modal footer button:last-child{background-color:#f83737;border:red;color:#fff}#skills-page .warning-modal footer button:last-child:hover{background-color:#e93232}#skills-page .skills-container{width:100%}#skills-page .skills-container li{align-items:center;background-color:#19a8e1;border-bottom:1px solid #1b6d89;border-left:none;border-right:none;display:flex;padding:2rem 2rem 2rem 3.5rem;position:relative}#skills-page .skills-container li .choose-skill-radio{background:#fffc;border:1px solid #19ace6;border-radius:20px;color:#2bb2e8;font-size:.9rem;margin-bottom:0;margin-left:2.5rem;margin-right:2.5rem;min-width:120px;padding:.5rem;text-align:center}#skills-page .skills-container li .choose-skill-radio:hover{background:hsla(0,0%,100%,.596);cursor:pointer}#skills-page .skills-container li .choose-skill-radio input{display:none}#skills-page .skills-container li .current-skill{background:#19ace6;border:2px solid #fff;color:#fff}#skills-page .skills-container li .current-skill:hover{background:#19ace6;cursor:pointer}#skills-page .skills-container li .skill-delete-btn{background:#fffc;border:1px solid #e04040;border-radius:20px;color:#1b6d89;font-size:.9rem;padding:.5rem 1.5rem;text-align:center}#skills-page .skills-container li .skill-delete-btn:hover{background:hsla(0,0%,100%,.596);cursor:pointer}#skills-page .skills-container li .skill-tracker{align-items:center;box-shadow:0 1px 5px #0000004d;font-size:1.5rem;font-weight:400;justify-content:space-between;width:230px}#skills-page .skills-container li .skill-tracker:hover{cursor:default;min-width:230px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#skills-page .skills-container li .skill-tracker .skill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#skills-page .skills-container li .skill-tracker .level span:last-child{text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}#skills-page .btns-container{display:flex}@media screen and (max-width:600px){#skills-page .btns-container{display:flex;flex-direction:row;flex-direction:row-reverse;justify-content:space-between;margin-top:1rem}#skills-page .skills-container li{align-items:flex-start;flex-direction:column;justify-content:flex-start}#skills-page .skills-container li .choose-skill-radio{margin-left:1em;margin-right:0}}.modal-background{background-color:#0009;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:10}.modal{background-color:#184264;border:1px solid #19ace6;border-radius:12px;left:50%;max-width:520px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:20}.modal header{margin-bottom:32px}.modal header .close-button{background:none;border:none;position:absolute;right:15px;top:15px}.modal.warning-modal .button{background-color:#d84e4e}.modal.warning-modal{border:1px solid #e93a3a}.modal footer{margin-top:40px}.modal footer .button-container{display:flex;margin-top:40px}.modal footer .link{color:#5ec5ed;display:block;font-weight:400;margin-top:24px;text-decoration:underline}.modal .result-container{position:relative}.modal .result-container p{bottom:0;font-size:14px;position:absolute}@media(min-width:768px){.modal{padding:24px 32px}.modal .button-container{justify-content:flex-end}.modal .button-container .button{margin-left:24px}}.loading-spinner div{animation:rotate 1.2s ease-in-out infinite normal forwards;border:5px solid;border-color:#fff #fff #19ace6;border-radius:50%;height:50px;margin:2rem auto;width:50px}.loading-spinner.small div{border:2px solid;border-color:#fff #fff #19ace6;height:18px;margin:0;width:18px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.welcome-modal-container{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.welcome-modal-container .welcome-modal{background-color:#f2f9fb;box-shadow:0 2px 20px rgba(19,135,170,.253);color:#222;position:relative;z-index:101}.welcome-modal-container .welcome-modal button:first-child{display:none}.welcome-modal-container .welcome-modal button:last-child{background-color:#19ace6;border:1px solid #1697ca;box-shadow:0 2px 5px #0003;color:#fff;padding:10px 20px}.welcome-modal-container .welcome-modal button:last-child:hover{background-color:#19ace6;cursor:pointer;opacity:.9}#mobile-navigation{animation:navSlideIn .35s ease-out 1 forwards;background:linear-gradient(90deg,#00a5e7,#19ace6);border-image:linear-gradient(180deg,#fff200,#fff) 1 100%;border-style:solid;border-width:10px;border-bottom:none;border-left:none;border-top:none;box-shadow:20px 0 50px #0003;float:left;font-size:1.6rem;max-width:350px;min-height:100vh;min-width:250px;padding:1em 0;position:absolute;width:80%;z-index:10}#mobile-navigation #logo{align-items:center;color:#fff200;display:flex;font-size:2.7rem;justify-content:space-between;margin-top:.5em;padding:0 1rem}#mobile-navigation #close-btn{background-color:#0000;border:5px solid #fff;border-left:none;border-top:none;height:20px;transform:rotate(135deg);width:20px}#mobile-navigation nav{color:#fff;margin-top:1.5em}#mobile-navigation nav ul{list-style-type:none}#mobile-navigation nav ul li:last-child{font-size:1.5rem;padding-bottom:.5em;padding-top:3.5em}#mobile-navigation nav ul a,#mobile-navigation nav ul button{align-items:center;background-color:#30c3ff;border:1px solid #7addff;border-left:none;border-radius:0;border-right:none;color:#fff;display:flex;margin:20px 0;padding:1em;text-decoration:none;transition:.15s ease-in-out;width:100%}#mobile-navigation nav ul a:hover,#mobile-navigation nav ul button:hover{box-shadow:0 0 5px 0 #a4e4ff}#mobile-navigation nav ul a svg,#mobile-navigation nav ul button svg{margin-right:10px;width:30px}#mobile-navigation nav ul .logout{cursor:pointer;font-size:1.6rem}#mobile-navigation nav ul .active{box-shadow:0 0 5px 0 #a4e4ff}@keyframes navSlideIn{0%{left:-80%}to{left:0}}.main-header{background:linear-gradient(90deg,#1f3d59,#1c5184,#1a5b98);border:2px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#fadb38,#fffa98);border-left:0;border-right:0;border-top:0;color:#fff;padding:32px 16px;width:100%}.main-header span{color:#5ec5ed}.main-header .brand{align-items:center;display:flex;font-size:40px}.main-header .header-content{align-items:center;display:flex;justify-content:space-between}@media(min-width:768px){.main-header .header-content{margin:0 auto;max-width:1300px;width:90%}}.dashboard-container{min-height:100vh;padding:40px 16px}.skills-list{max-width:500px}.button.add-skill{min-width:auto;width:50px}@media(min-width:768px){.dashboard{display:flex;justify-content:space-between}.right-side-container,.skills-list{width:500px}}.skill-card{align-items:flex-end;border-radius:20px;display:flex;justify-content:space-between;position:relative}.skill-card .total-time{align-items:center;display:flex;margin-top:4px}.skill-card .left>div{margin-bottom:16px}.skill-card .left{display:flex;flex-direction:column;justify-content:space-between}.skill-card .left .button{width:120px}.skill-card .left h4{margin-bottom:8px}.skill-card .edit-button{background:none;border:none}.skill-card .edit-dropdown{position:absolute;right:15px;top:10px}.level-gauge{position:relative;text-align:center}.level-gauge .level-bar{height:80px;margin-bottom:-28px;overflow:hidden;position:relative;width:160px}.level-gauge .level-bar-fill{border-color:#eee #19ace6 #19ace6 #eee;border-radius:50%;border-style:solid;border-width:20px;box-sizing:border-box;height:160px;left:0;position:absolute;top:0;transform:rotate(40deg);transition:.15s;width:160px}.level-gauge .level-container{bottom:20px;position:relative}.level-gauge .current-xp{bottom:2px;position:relative}.level-gauge .last-xp{bottom:-6px;left:-2px;position:absolute}.level-gauge .next-xp{bottom:-6px;position:absolute;right:-2px}.dropdown{position:relative}.dropdown .dropdown-menu{background-color:#184264;border:1px solid #1697ca;border-radius:10px;box-shadow:0 0 15px 6px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:12}.dropdown .dropdown-menu.show{display:block}.dropdown .dropdown-menu .dropdown-item{border-bottom:1px solid #11759c;display:block;padding:16px 24px;white-space:nowrap}.dropdown .dropdown-menu .dropdown-item:last-child{border-bottom:none}.dropdown .dropdown-menu .dropdown-item:hover{background-color:#1d5079;color:#fff;cursor:pointer}.activity-tracker{margin:0 auto;max-width:700px}.activity-tracker .activity-date{margin-bottom:12px;margin-top:24px}.activity-tracker div:first-child .activity-date{margin-bottom:12px;margin-top:4px}.activity-tracker .view-all-link{color:#e6e6e6;display:block;margin-top:24px;text-decoration:underline}.activity-tracker .filter-container{margin-bottom:24px}.large-skill-card{align-items:center;background-image:linear-gradient(40deg,#18547b,#084467);border:1px solid #8fc7e7;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding-bottom:32px;padding-top:32px;position:relative}.large-skill-card .total-time{align-items:center;align-self:flex-start;display:flex;justify-self:flex-start;margin-bottom:24px}.large-skill-card .level-bar{height:100px;margin-bottom:-28px;overflow:hidden;position:relative;width:200px}.large-skill-card .level-bar-fill{border-color:#eee #19ace6 #19ace6 #eee;border-radius:50%;border-style:solid;border-width:22px;box-sizing:border-box;height:200px;left:0;position:absolute;top:0;transform:rotate(45deg);width:200px}.large-skill-card>h3{font-size:28px;font-weight:600;margin-bottom:32px}.large-skill-card .level-gauge{margin-bottom:32px}.large-skill-card .level-gauge .level-container{bottom:28px;position:relative}.large-skill-card .level-gauge .level{font-size:32px;font-weight:600}.large-skill-card .level-gauge .current-xp{bottom:10px;font-size:16px;font-weight:500}.large-skill-card .level-gauge .last-xp,.large-skill-card .level-gauge .next-xp{bottom:2px;font-size:16px;font-weight:500}.large-skill-card>.button{font-size:20px;min-width:145px;padding:12px}.large-skill-card>.button img{margin-right:4px}.large-skill-card .edit-button{background:none;border:none}.large-skill-card .edit-dropdown{position:absolute;right:15px;top:10px}.skill-page .switch-skill-container{margin:32px auto 40px;max-width:500px;width:80%}.skill-page .switch-skill-container button{background:none;border:none}.skill-page .dot-container{align-items:center;display:flex}.skill-page .dot-container img{margin:0 4px}.skill-page .week-tracker{margin:0 auto;max-width:700px}.slide-down-and-fade{animation:slideDownAndFade 1s ease-in-out 1 normal none;position:relative}@keyframes slideDownAndFade{0%{opacity:1;top:0}20%{opacity:.2}30%{opacity:0}55%{opacity:0;top:100px}to{opacity:1;top:0}}.fade-in{animation:fadeIn .4s ease-out 1 normal forwards}.fade-in-delay-1s{animation:fadeIn 2s linear 2s 1 normal forwards!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.e0297370.css.map*/