html{scroll-behavior:smooth}header{min-height:100vh}.work-timeline{position:relative;padding-left:20px;border-left:2px solid #11abb0}.work-entry{position:relative;margin-bottom:40px;padding-left:30px}.work-timeline-dot{position:absolute;left:-29px;top:5px;width:16px;height:16px;border-radius:50%;background:#11abb0;border:3px solid #043a3a;box-shadow:0 0 0 2px #11abb0}.work-content h3{margin-bottom:5px;color:#fff;font-size:22px}.work-content .info{color:#a8a8a8;margin-bottom:10px}.work-content .date{color:#11abb0;font-weight:700}.work-content .info2{color:#dcdcdc;line-height:1.6}.skills-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;justify-content:center}.skill-card{background:rgba(0,0,0,.2);will-change:transform;padding:20px;border-radius:8px;text-align:center;transition:transform .3s ease,background .3s ease,border .3s ease,box-shadow .3s ease;border:1px solid transparent}@media (max-width:768px){.skills-grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.skills-grid-container{grid-template-columns:1fr}}.skill-card:hover{background:hsla(0,0%,100%,.1);box-shadow:0 10px 30px -10px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.2)}.skill-icon img{height:80px;width:auto;margin-bottom:15px;transition:filter .3s ease}.skill-card:hover .skill-icon img{filter:brightness(1.2)}.skill-name{color:#fff;margin:0;font-size:16px;font-weight:600;letter-spacing:.5px}.mobile-menu-icon{display:none}@media only screen and (max-width:767px){.mobile-menu-icon{display:block;position:absolute;right:20px;top:15px;font-size:24px;color:#fff;cursor:pointer;z-index:200;padding:10px}#nav-wrap ul#nav.open{display:flex!important;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(15,15,15,.98);margin:0;padding:0;z-index:150;float:none}#nav-wrap ul#nav.open li{display:block;width:100%;text-align:center;height:auto;margin:15px 0;border:none}#nav-wrap ul#nav.open li a{font-size:22px;display:inline-block;padding:10px 20px;color:#fff;text-transform:uppercase;letter-spacing:2px}#nav-wrap ul#nav.open li.current a{color:#11abb0}}.contact-form input,.contact-form textarea{transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.contact-form input.error,.contact-form textarea.error{border:2px solid #ff6b6b;background:hsla(0,100%,71%,.05);box-shadow:0 0 0 3px hsla(0,100%,71%,.1)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#11abb0;box-shadow:0 0 0 3px rgba(17,171,176,.1)}.contact-form input.error:focus,.contact-form textarea.error:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px hsla(0,100%,71%,.15)}.error-message{display:block;color:#ff6b6b;font-size:13px;margin-top:8px;margin-bottom:15px;font-weight:500;padding-left:8px;border-left:3px solid #ff6b6b;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.contact-form button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.contact-form button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.contact-form label{display:block;margin-bottom:8px;font-weight:500}
/*# sourceMappingURL=main.dc092a2b.chunk.css.map */