@import url(https://fonts.googleapis.com/css2?family=Jost&family=Quicksand&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.comma-card{align-items:center;gap:.75rem;margin-bottom:1rem}.comma-card img{border-radius:.2rem;box-shadow:0 4px 10px #0000001a;display:block;max-width:75%}.parking-app{margin:20px 30px}.parking-app .picture{max-width:300px}.parking-app .picture .carousel-inner{border-radius:10px}.parking-app .installation{margin:20px 0}.parking-app .installation .release{background-color:#0f3460;border-radius:5px;margin:20px 0;padding:6px}.parking-app .installation .release a{color:hsla(0,0%,100%,.384);text-decoration:none}.parking-app .installation .release .lastest{color:#fff}.parking-app .installation .release p{color:hsla(0,0%,100%,.384);font-size:15px;margin:auto}.parking-app .installation .release p .lastest,body,html{color:#fff}body,html{background-color:#16213e;font-family:Quicksand,sans-serif;margin:0}.light{background-color:#ebf5f7;color:#16213e}.light .sidebar-bg{background-color:#c7e3e8!important;color:#16213e}.light .sidebar-bg .sidebar-text{color:#16213e!important}.light .sidebar-bg .active{background-color:#c7e3e8!important;font-weight:600;transform:scale(1.1);transition:transform .2s}.light .timeline-label{background-color:#c7e3e8}.light tbody.group{border:1px solid #16213e}.light .footer{background-color:#ebf5f7;color:#16213e}.light .footer-left,.light .footer-right{color:#16213e}.light .survey-layout .survey-button{border:1px solid #009380;color:#16213e}.light .survey-layout .survey-button:hover{border:1px solid #16213e}.light .chat-input-box input,.light .chat-suggestions button{color:#16213e}.light .chat-suggestions button:hover{background-color:#c7e3e8}.light .login-card input{border:1px solid #16213e;color:#16213e}.light .word-card-btn{background-color:#a2d1da!important;color:#16213e}.footer-left,.footer-right{background-color:#0000;bottom:0;color:#fff;font-size:12px;padding:0 10px;position:fixed}.footer-right{font-style:italic;margin:auto;right:0}.footer-left{align-items:center;cursor:pointer;font-size:20px;left:0}.sidebar-bg{background-color:#1a1a2e!important}.sidebar-bg .sidebar-text{color:#fff!important}.ff-jose,.font-big{font-family:Jost,sans-serif}.font-big{font-size:50px;font-weight:bolder;letter-spacing:2px}.bg-dark{background-color:#1a1a2e!important}.bg-blue{background-color:#0f3460}.text-primary-color{color:#009380}.text-black{color:#1a1a2e}.dropdown-item:active{background-color:#0f3460!important}.active{background-color:#1a1a2e!important;color:#009380!important;font-weight:600;transform:scale(1.1);transition:transform .2s}.word-card-btn{background-color:#0f3460;color:#fff}.carousel-inner.rounded-carousel{border-radius:8px;overflow:hidden}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(10%)}to{transform:translateY(0)}}@keyframes slideInBottomTechnology{0%{transform:translateY(10%)}to{transform:translateY(0)}}.slide-in-left{animation-delay:0s;animation-duration:1s;animation-iteration-count:1;animation-name:slideInLeft;animation-timing-function:ease-in-out}.slide-in-top{animation-delay:0s;animation-duration:1s;animation-iteration-count:1;animation-name:slideInTop;animation-timing-function:ease-in-out}.slide-in-bottom{animation-delay:0s;animation-duration:1s;animation-iteration-count:1;animation-name:slideInBottom;animation-timing-function:ease-in-out}.slide-in-bottom-technology{animation-delay:0s;animation-duration:1s;animation-iteration-count:1;animation-name:slideInBottomTechnology;animation-timing-function:ease-in-out}.animate-charcter2{-webkit-text-fill-color:#0000;animation:textclip 4s linear infinite;background-clip:initial;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(-225deg,#fff,#009380,#009380,#fff);background-size:initial;background-size:200% auto;color:#fff}.animate-charcter{-webkit-text-fill-color:#0000;animation:animate 4s linear infinite;background:linear-gradient(-225deg,#03a58f,#009380,#30f7dc,#009380);background-clip:text;-webkit-background-clip:text;background-size:200% auto;outline:none}@keyframes textclip{to{background-position:-200%}}@keyframes animate{to{background-position:-200%}}.main-layout{display:flex}.ls-2{letter-spacing:2px}.skill-icons{display:flex;flex-direction:column;margin:15px 0;max-width:120px}.skill-icons .technology-image{align-self:center;max-width:100px;text-align:center;width:-webkit-fill-available}.skill-icons h5{margin:1px 0;text-align:center}.technology-image:hover{animation:zoominoutsinglefeatured 1s 1}@keyframes zoominoutsinglefeatured{0%{transform:scale(1)}25%{transform:scale(1.2)}to{transform:scale(1)}}li::marker{color:#009380;font-size:2em}.timeline-label{background-color:#0f3460;width:-webkit-max-content;width:max-content}.zoom-on-hover:hover{transform:scale(1.1);transition:transform .2s}.portfolio-link:hover{background-color:#009380;transition:background-color .3s linear}.prj-preview{display:block;max-height:225px;object-fit:scale-down;width:100%}.carousel-arrow{color:#16213e}.login-card{background-color:#0000;max-width:400px;width:100%}.login-card h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.login-card .form-group{margin-bottom:1rem}.login-card label{display:block;margin-bottom:.5rem}.login-card input{background-color:#0000;border:1px solid #fff;border-radius:.5rem;box-sizing:border-box;color:#fff;padding:.5rem;width:100%}.login-card button{background-color:#009380;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:.75rem;width:100%}.login-card button:hover{background-color:#00c6ac}.login-card .text-center{text-align:center}.login-card .text-sm{color:#6b7280;font-size:.875rem}.login-card .text-sm a{color:#2563eb;text-decoration:none}.login-card .text-sm a:hover{text-decoration:underline}