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}:root{--text:#fbfefb;--surface:#081c15;--text-black:#000;--text-secondary:#97a2ac;--background:#fbfefb;--background-secondary:#000;--primary:#52b788;--gradient:linear-gradient(90deg,#95d5b2,#081c15)}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}#root{min-height:100vh;position:relative;width:100%}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80;border-radius:100px;box-shadow:0 0 10px #0000001a;display:flex;height:80px;justify-content:space-between;left:0;margin:1rem 10rem;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:1000}@media(max-width:1024px){header{border-radius:0;margin:0}}header .logo{display:flex;flex-direction:column;position:relative;z-index:1001}header .logo span{font-size:20px;font-weight:700}header .menu-container{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;width:65%}@media screen and (width:1280px){header .menu-container{width:76%}}@media(max-width:1024px){header .menu-container{background:var(--background-secondary);border-bottom-left-radius:70%;border-top-left-radius:70%;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:10rem 1rem 1rem;position:fixed;top:0;inset:0;transform:translateX(100%);transition:transform .3s ease,border-top-left-radius .4s linear,border-bottom-left-radius .4s linear;width:100vw;z-index:999}header .menu-container.menu-open{border-bottom-left-radius:0;border-top-left-radius:0;transform:translateX(0)}}header .menu-container .menu{display:flex;gap:5rem}@media(max-width:1024px){header .menu-container .menu{align-items:center;flex-direction:column;gap:2rem;margin-top:2rem;width:100%}}header .menu-container .menu a{color:var(--text-black);text-decoration:none}@media(max-width:1024px){header .menu-container .menu a{color:#fff;font-size:1.5rem}}header .menu-container .menu a:after{background-color:var(--text-black);content:"";display:block;height:2px;transition:width .3s;width:0}header .menu-container .menu a:hover:after{width:100%}header .menu-container .option-header{align-items:center;display:flex;gap:1rem}@media(max-width:1024px){header .menu-container .option-header{flex-direction:column;margin-top:3rem;width:100%}}header .menu-container .option-header .option-header-item{align-items:center;display:flex;font-size:1.3rem;gap:1rem;justify-content:center}@media(max-width:1024px){header .menu-container .option-header .option-header-item{font-size:1.5rem}}header .menu-container .option-header .option-header-item a{align-items:center;color:var(--text-black);display:flex;text-decoration:none}@media(max-width:1024px){header .menu-container .option-header .option-header-item a{color:#fff}header .menu-container .option-header .option-header-email{margin-top:1rem;width:80%}}header .menu-container .option-header .option-header-email a{background-color:var(--background-secondary);border-radius:100px;color:var(--text);font-size:14px;font-weight:700;padding:14px 24px;text-decoration:none}@media(max-width:1024px){header .menu-container .option-header .option-header-email a{background-color:#fff;color:#64748b;display:block;font-size:16px;padding:16px 24px;text-align:center;width:100%}}header .burger-menu{cursor:pointer;display:none;font-size:1.5rem}@media(max-width:1024px){header .burger-menu{display:flex;justify-content:center;z-index:1001}header .burger-menu.active{color:var(--text)}}footer{align-items:center;color:var(--text-secondary);display:flex;justify-content:space-between;margin:1rem 10rem;padding:0 1.5rem}@media(max-width:1024px){footer{align-items:center;display:flex;flex-direction:column-reverse;font-size:.9rem;gap:1rem;margin:0}}footer .social-media{display:flex;font-size:1.2rem;gap:1rem}footer .social-media a{color:var(--text-secondary);text-decoration:none}#home{align-items:center;display:flex;flex-direction:row;gap:1rem;height:100vh;justify-content:center;margin:1rem 10rem}@media(max-width:1024px){#home{align-items:center;flex-direction:column-reverse;gap:1rem;height:auto;justify-content:start;margin:100px 1rem 0;padding:0 1rem;text-align:left}}#home .home-container{display:flex;flex-direction:column;gap:1rem}#home .home-container .home-header{color:var(--primary);font-weight:700}@media(max-width:1024px){#home .home-container .home-header{font-size:.7rem}}#home .home-container .home-title{color:var(--text-black);font-size:2rem;font-weight:700}@media(max-width:1024px){#home .home-container .home-title{font-size:1.5rem}}#home .home-container .home-title .home-title-text span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:#0000}#home .home-container .home-description{color:var(--text-secondary)}#home .home-container .home-description span button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-style:italic;margin-left:.2rem}#home .home-container .home-button{margin-top:1rem}#home .home-container .home-button a{background-color:var(--background-secondary);border-radius:100px;color:var(--text);font-size:14px;font-weight:700;padding:14px 24px;text-decoration:none}.rubiks-cube{height:500px;margin-left:100px;position:relative;width:500px}@media(max-width:768px){.rubiks-cube{height:300px;margin-left:0;width:100%}}@media(max-width:480px){.rubiks-cube{height:200px;width:200px}}.rubiks-cube canvas{background:#0000}#about{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:1rem 10rem 0}@media(max-width:1024px){#about{align-items:start;flex-direction:column;gap:1rem;height:auto;justify-content:start;margin:150px 1rem 0;padding:0 1rem;text-align:left}}#about .about-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media(max-width:1024px){#about .about-container{align-items:center;flex-direction:column;gap:1rem}}#about .about-container .about-description{display:flex;flex-direction:column;gap:1rem;width:500px}@media(max-width:768px){#about .about-container .about-description{padding:1rem;width:100vw}}@media(min-width:769px)and (max-width:1024px){#about .about-container .about-description{margin-top:7rem}}#about .about-container .about-description .about-items{display:flex;flex-direction:row;justify-content:space-between}#about .about-container .about-description .about-items .about-item{display:flex;flex-direction:column}#about .about-container .about-description .about-items .about-item span:first-child{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:700}@media(max-width:1024px){#about .about-container .about-description .about-items .about-item span:first-child{font-size:2rem}}#about .about-container .about-description .about-items .about-item span:last-child{color:var(--text-secondary)}#about .about-container .about-description .about-text{display:flex;flex-direction:column}#about .about-container .about-description .about-text span{color:var(--text-secondary)}#about .about-phrise{display:flex;flex-direction:column;gap:1rem;overflow-x:auto;overflow-y:hidden;width:100%}#about .about-phrise .about-phrise-title{color:var(--text-secondary);font-weight:700}.photos-container{background:#e8e7e7;border-radius:10px;display:flex;gap:1rem;height:450px;position:relative;transform:rotate(-10deg);width:600px}@media(max-width:768px){.photos-container{height:250px;margin-bottom:100px;width:80vw}}@media(min-width:769px)and (max-width:1024px){.photos-container{height:450px;width:600px}}.photos-container .photos-grid{display:flex;justify-content:center}.photos-container .photos-grid .photo-item{border-radius:10px;height:100%;left:0;position:absolute;top:0;transition:all .5s ease-in-out;width:100%}.photos-container .photos-grid .photo-item img{border-radius:10px;height:100%;object-fit:cover;width:100%}.photos-container .photos-grid .photo-item img:hover{cursor:pointer}.photos-container .photos-grid .photo-item.active{left:-200%;transition:all .5s ease-in-out}.timeline{display:flex;flex-direction:row;gap:1rem;height:450px;margin:10rem 0;min-width:max-content;width:100%}@media(max-width:768px){.timeline{height:350px;margin:5rem 0;padding:0 1rem}}@media(min-width:769px)and (max-width:1024px){.timeline{height:400px;margin:7rem 0}}.timeline .timeline-item{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative;width:200px}@media(max-width:768px){.timeline .timeline-item{width:150px}}.timeline .timeline-item .timeline-year{height:1.2rem}@media(max-width:768px){.timeline .timeline-item .timeline-year{font-size:.9rem}}.timeline .timeline-item:not(:last-child):after{background:repeating-linear-gradient(to right,var(--text-secondary) 0,var(--text-secondary) .5px,#0000 2px,#0000 14px);content:"";height:13px;position:absolute;right:-6.8rem;top:calc(1.7rem + 8px);width:100%;z-index:1}@media(max-width:768px){.timeline .timeline-item:not(:last-child):after{right:-5.3rem}}.timeline .timeline-item.hover-active,.timeline .timeline-item:hover{cursor:pointer}.timeline .timeline-item.hover-active .timeline-marker,.timeline .timeline-item:hover .timeline-marker{background-color:var(--primary);height:80px}@media(max-width:768px){.timeline .timeline-item.hover-active .timeline-marker,.timeline .timeline-item:hover .timeline-marker{height:60px}}.timeline .timeline-item.hover-active .timeline-content .timeline-icon svg,.timeline .timeline-item:hover .timeline-content .timeline-icon svg{color:var(--surface)}.timeline .timeline-item.hover-active .timeline-content .timeline-text,.timeline .timeline-item:hover .timeline-content .timeline-text{display:flex;flex-direction:column;gap:.5rem;text-align:center}@media(max-width:768px){.timeline .timeline-item.hover-active .timeline-content .timeline-text,.timeline .timeline-item:hover .timeline-content .timeline-text{gap:.3rem}.timeline .timeline-item.hover-active .timeline-content .timeline-text h3,.timeline .timeline-item:hover .timeline-content .timeline-text h3{font-size:.9rem}}.timeline .timeline-item.hover-active .timeline-content .timeline-text p,.timeline .timeline-item:hover .timeline-content .timeline-text p{color:var(--text-secondary)}@media(max-width:768px){.timeline .timeline-item.hover-active .timeline-content .timeline-text p,.timeline .timeline-item:hover .timeline-content .timeline-text p{font-size:.8rem}}.timeline .timeline-item .timeline-marker,.timeline .timeline-item.hover-active:last-child .timeline-marker,.timeline .timeline-item:hover:last-child .timeline-marker{background-color:var(--surface);height:2rem}.timeline .timeline-item .timeline-marker{position:relative;transition:all .2s ease-in-out;width:.125rem;z-index:1}.timeline .timeline-item .timeline-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media(max-width:768px){.timeline .timeline-item .timeline-content{gap:.8rem}}.timeline .timeline-item .timeline-content .timeline-icon{height:25px;width:25px}@media(max-width:768px){.timeline .timeline-item .timeline-content .timeline-icon{height:20px;width:20px}}.timeline .timeline-item .timeline-content .timeline-icon svg{color:var(--text-secondary);height:100%;width:100%}.timeline .timeline-item .timeline-content .timeline-text{display:none}#skills{gap:1rem;margin:0 10rem}#skills,#skills .skills-header{display:flex;flex-direction:column}#skills .skills-header h1{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:700}#skills .skills-header span{color:var(--text-secondary);font-size:1rem}@media(max-width:1200px){#skills{margin:0 6rem}#skills .skills-header h1{font-size:2.5rem}}@media(max-width:768px){#skills{height:auto;margin:0 3rem;padding:4rem 0}#skills .skills-header h1{font-size:2rem}}@media(max-width:480px){#skills{margin:0 1.5rem}#skills .skills-header h1{font-size:1.8rem}#skills .skills-header span{font-size:.9rem}}.card-skills .filter-buttons{display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.card-skills .filter-buttons{flex-wrap:wrap;justify-content:center}}.card-skills .filter-buttons button{background:none;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s ease}.card-skills .filter-buttons button:hover{background-color:#e0e0e0}.card-skills .filter-buttons button.active{background-color:var(--background-secondary);color:#fff}.card-skills .skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:480px){.card-skills .skills-grid{grid-template-columns:1fr}}.card-skills .skills-grid .skill-item{align-items:center;background-color:#f8f8f8;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}@media(max-width:768px){.card-skills .skills-grid .skill-item .skill-icon img{height:60px;width:60px}}.card-skills .skills-grid .skill-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.card-skills .skills-grid .skill-item .skill-icon{margin-bottom:1rem}.card-skills .skills-grid .skill-item .skill-icon img{height:80px;object-fit:contain;width:80px}.card-skills .skills-grid .skill-item .skill-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.card-skills .skills-grid .skill-item .skill-description{color:#666;font-size:.9rem;margin-bottom:.75rem;text-align:center}.card-skills .skills-grid .skill-item .skill-category{background-color:#e0e0e0;border-radius:12px;font-size:.8rem;padding:.25rem .75rem;text-transform:capitalize}.card-skills .error,.card-skills .loading{font-size:1.2rem;padding:2rem;text-align:center}#projects{margin:10rem}@media(max-width:1200px){#projects{margin:0 6rem}#projects .skills-header h1{font-size:2.5rem}}@media(max-width:768px){#projects{height:auto;margin:0 3rem;padding:4rem 0}#projects .skills-header h1{font-size:2rem}}@media(max-width:480px){#projects{margin:0 1.5rem}#projects .skills-header h1{font-size:1.8rem}#projects .skills-header span{font-size:.9rem}}.header-project{width:100%}@media(max-width:768px){.header-project{padding:.8rem}}.header-project .header-content-wrapper{align-items:flex-end;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto}@media(max-width:768px){.header-project .header-content-wrapper{flex-direction:column;gap:.5rem}}.header-project .header-project-text{flex:1 1}.header-project .header-project-text h1{font-size:2.5rem}@media(max-width:992px){.header-project .header-project-text h1{font-size:2.2rem}}@media(max-width:768px){.header-project .header-project-text h1{font-size:1.8rem}}@media(max-width:480px){.header-project .header-project-text h1{font-size:1.8rem}}.header-project .header-project-text h1 .highlight{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:inherit}.header-project .header-project-text .subtitle{color:var(--text-secondary);display:block;font-size:1rem}@media(max-width:480px){.header-project .header-project-text .subtitle{font-size:.9rem}}.header-project .button-project{align-items:center;display:flex;justify-content:flex-end}@media(max-width:768px){.header-project .button-project{justify-content:end;margin-top:1rem;width:100%}}.header-project .button-project .project-link{color:var(--primary);font-weight:700;text-decoration:none;transition:all .3s ease}.header-project .button-project .project-link:hover{text-decoration:underline}@media(max-width:768px){.header-project .button-project .project-link{font-weight:400}}@media(max-width:480px){.header-project .button-project .project-link{font-size:.9rem;padding:.4rem .8rem}}.auth-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem}.auth-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.form-group{margin-bottom:1rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#007bff;outline:none}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.login-button:hover{background-color:#0069d9}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#fdd;border-radius:4px;color:red;margin-bottom:1rem;max-width:400px;padding:.75rem;text-align:center;width:100%}.tableau-container{margin:0 auto;max-width:1200px;padding:20px}.tableau-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tableau-container .header h1{color:#333;margin:0}.tableau-container .skills-list{display:flex;flex-wrap:wrap;gap:5px}.tableau-container .skill-tag{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:12px;color:#444;display:inline-flex;font-size:.8rem;padding:3px 8px}.tableau-container .skill-tag:hover{background-color:#e0e0e0}.tableau-container .no-skills{color:#999;font-size:.8rem;font-style:italic}.tableau-container .error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:20px;padding:10px}.tableau-container .loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.tableau-container .loading-container .loading-spinner{animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tableau-container .add-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:10px 16px;transition:background-color .3s}.tableau-container .add-button:hover{background-color:#388e3c}.tableau-container .projects-table{border-collapse:collapse;box-shadow:0 2px 10px #0000001a;margin-top:20px;width:100%}.tableau-container .projects-table td,.tableau-container .projects-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left;vertical-align:middle}.tableau-container .projects-table th{background-color:#f5f5f5;color:#333;font-weight:700}.tableau-container .projects-table tr:hover{background-color:#f9f9f9}.tableau-container .projects-table .empty-message{color:#757575;padding:40px 0;text-align:center}.tableau-container .projects-table .description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tableau-container .projects-table .thumbnail{border-radius:4px;max-height:60px;max-width:100px;object-fit:cover}.tableau-container .projects-table .link-button{border-radius:4px;color:#fff;display:inline-block;font-size:14px;padding:6px 12px;text-decoration:none;transition:opacity .2s}.tableau-container .projects-table .link-button:hover{opacity:.9}.tableau-container .projects-table .link-button.github{background-color:#24292e}.tableau-container .projects-table .link-button.website{background-color:#2196f3}.tableau-container .projects-table input,.tableau-container .projects-table textarea{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.tableau-container .projects-table input:focus,.tableau-container .projects-table textarea:focus{border-color:#2196f3;outline:none}.tableau-container .projects-table textarea{min-height:80px;resize:vertical}.tableau-container .projects-table .button-group{display:flex;gap:5px}.tableau-container .projects-table .button-group button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.tableau-container .projects-table .button-group button:disabled{cursor:not-allowed;opacity:.5}.tableau-container .projects-table .button-group .edit-button{background-color:#2196f3;color:#fff}.tableau-container .projects-table .button-group .edit-button:hover{background-color:#1976d2}.tableau-container .projects-table .button-group .delete-button{background-color:#f44336;color:#fff}.tableau-container .projects-table .button-group .delete-button:hover{background-color:#d32f2f}.tableau-container .projects-table .button-group .save-button{background-color:#4caf50;color:#fff}.tableau-container .projects-table .button-group .save-button:hover{background-color:#388e3c}.tableau-container .projects-table .button-group .cancel-button{background-color:#9e9e9e;color:#fff}.tableau-container .projects-table .button-group .cancel-button:hover{background-color:#757575}.tableau-container .create-form{background-color:#f5f5f5;border-radius:4px;margin-bottom:30px;padding:20px}.tableau-container .create-form h2{color:#333;margin-bottom:20px;margin-top:0}.tableau-container .create-form .form-group{margin-bottom:15px}.tableau-container .create-form .form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.tableau-container .create-form .form-group input,.tableau-container .create-form .form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.tableau-container .create-form .form-group input:focus,.tableau-container .create-form .form-group textarea:focus{border-color:#2196f3;outline:none}.tableau-container .create-form .form-group textarea{min-height:100px;resize:vertical}.tableau-container .create-form .form-actions{display:flex;gap:10px;margin-top:20px}.tableau-container .create-form .form-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:700;gap:5px;padding:10px 16px}.tableau-container .create-form .form-actions button:first-child{background-color:#4caf50;color:#fff}.tableau-container .create-form .form-actions button:first-child:hover{background-color:#388e3c}.tableau-container .create-form .form-actions button:first-child:disabled{background-color:#a5d6a7;cursor:not-allowed}.tableau-container .create-form .form-actions button.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.tableau-container .create-form .form-actions button.cancel-button:hover{background-color:#e0e0e0}.skills-input-container{display:flex;flex-direction:column;gap:10px;width:100%}.skills-input-container .skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skills-input-container .skill-tag{align-items:center;background-color:#e9ecef;border-radius:20px;display:flex;font-size:14px;gap:5px;padding:5px 10px}.skills-input-container .skill-tag .delete-skill-button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:0}.skills-input-container .skill-tag .delete-skill-button:hover{color:#dc3545}.skills-input-container .skill-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px}.skills-input-container .dropdown-container{position:relative;width:100%}.skills-input-container .skills-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}.skills-input-container .skill-suggestion{cursor:pointer;padding:10px}.skills-input-container .skill-suggestion:hover{background-color:#f5f5f5}#projects-all{margin:5rem 10rem}#projects-all .container-header{display:flex;flex-direction:column;margin-bottom:3rem;margin-top:6rem}#projects-all .container-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700}#projects-all .container-header a{align-items:center;color:var(--primary);display:flex;font-size:1rem;gap:.5rem;text-decoration:none;transition:all .3s ease}#projects-all .container-header a:hover{opacity:.8}#projects-all .container-header a svg{width:1.2rem}#projects-all>div:nth-child(2){margin-top:2rem}@media screen and (max-width:1024px){#projects-all{margin:5rem}#projects-all .container-header{margin-top:4rem}#projects-all .container-header h1{font-size:2.2rem}}@media screen and (max-width:768px){#projects-all{margin:7rem 2rem}#projects-all .container-header{margin-top:3rem}#projects-all .container-header h1{font-size:2rem}}@media screen and (max-width:375px){#projects-all{margin:7rem 1rem}#projects-all .container-header{margin-top:2rem}#projects-all .container-header h1{font-size:1.8rem}#projects-all .container-header a{font-size:.9rem}#projects-all .container-header a svg{width:1rem}}.card-project{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:2rem 0}.card-project .project-item{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:.5rem;max-width:400px;overflow:hidden;transition:all .3s ease;width:100%}.card-project .project-item .project-image{height:50%;width:100%}.card-project .project-item .project-image img{height:100%;object-fit:cover;width:100%}.card-project .project-item .project-text{font-size:.9rem;height:100%;padding:.8rem}.card-project .project-item .project-text,.card-project .project-item .project-text .project-header-container{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.card-project .project-item .project-text .project-header-container .project-tags{display:flex;gap:.5rem}.card-project .project-item .project-text .project-header-container .project-tags .project-tag{background:#f3f3f3;border:.5px solid #7e7e7e;border-radius:5px;color:#7e7e7e;padding:.2rem .5rem}.card-project .project-item .project-text .project-header-container .project-header{display:flex;flex-direction:column;gap:.2rem}.card-project .project-item .project-text .project-header-container .project-header .project-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.card-project .project-item .project-text .project-footer{align-items:center;color:var(--text-secondary);display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}.card-project .project-item .project-text .project-footer .project-links{display:flex;gap:.5rem}.card-project .project-item .project-text .project-footer .project-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease}@media screen and (max-width:1024px){.card-project{gap:.8rem}.project-item{max-width:350px}}@media screen and (max-width:768px){.card-project{align-items:center;flex-direction:column}.project-item{max-width:95%}}@media screen and (max-width:375px){.project-item{max-width:100%}.project-item .project-description{-webkit-line-clamp:2}}.project{align-items:center;display:flex;flex-direction:column;height:auto;margin:3rem 5rem;min-height:100vh}.project .back-button{margin-left:1rem;margin-top:1rem;width:100%}.project .back-button button{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:1.2rem;justify-content:flex-start}.project .back-button button svg{width:1.3rem}.project .project-image{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:2rem 0;width:100%}.project .project-image .project-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.project .project-image .project-tags .project-tag{background:#f3f3f3;border:.5px solid #7e7e7e;border-radius:5px;color:#7e7e7e;padding:.2rem .5rem}.project .project-image img{border:.5px solid #c1c1c1;border-radius:10px;height:auto;object-fit:cover;width:70%}.project .project-text{align-items:center;display:flex;flex-direction:column;font-size:1.2rem;gap:1.5rem;margin-bottom:2rem;width:80%}.project .project-text .project-header{text-align:center}.project .project-text .project-header h1{margin-bottom:1rem}.project .project-text .project-header p{line-height:1.6}.project .project-text .project-footer{color:#666;font-style:italic}@media(max-width:992px){.project{margin:2rem 3rem}.project .project-image img{width:85%}.project .project-text{font-size:1.1rem;width:90%}}@media(max-width:768px){.project{margin:1rem 1.5rem}.project .back-button{margin-left:0}.project .back-button button{font-size:1rem}.project .project-image{gap:1rem}.project .project-image img{width:100%}.project .project-image .project-tags .project-tag{font-size:.9rem}.project .project-text{font-size:1rem;gap:1rem;width:100%}.project .project-text .project-header h1{font-size:1.5rem}}@media(max-width:480px){.project{margin:1rem}.project .project-image .project-tags .project-tag{font-size:.8rem}.project .project-text .project-header h1{font-size:1.3rem}.project .project-text .project-header p{font-size:.9rem}.project .project-text .project-footer{font-size:.8rem}}.not-found-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.not-found-container:before{background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 15px,#0000 0,#0000 30px);content:"";height:300%;left:-100%;pointer-events:none;position:absolute;top:-100%;transform:rotate(15deg);width:300%}.not-found-container .error-container{align-items:center;animation:fadeIn .8s ease-out forwards;background-color:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;max-width:600px;padding:3rem 4rem;text-align:center;width:100%;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-container .error-code{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.not-found-container .error-code .digit{animation:bounce 1s ease-in-out infinite alternate;color:var(--primary);font-size:5rem;font-weight:800;margin:0 .5rem;position:relative}.not-found-container .error-code .digit:first-child{animation-delay:0ms}.not-found-container .error-code .digit:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.not-found-container .error-code .face{align-items:center;animation:wobble 5s ease-in-out infinite;background-color:#ffcc80;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;position:relative;width:80px}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.not-found-container .error-code .face .eyes{display:flex;justify-content:space-between;margin-top:5px;width:50px}.not-found-container .error-code .face .eyes .eye{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:20px;justify-content:center;overflow:hidden;position:relative;width:20px}.not-found-container .error-code .face .eyes .eye .pupil{background-color:#333;border-radius:50%;height:10px;transition:transform .1s ease-out;width:10px}.not-found-container .error-code .face .mouth{color:#333;margin-top:8px;transform:scale(.9) translateY(-2px)}.not-found-container .error-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.not-found-container .error-message{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.not-found-container .home-button{align-items:center;background-color:var(--primary);border-radius:2rem;box-shadow:0 4px 12px #3f51b566;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.not-found-container .home-button:hover{background-color:var(--surface);box-shadow:0 6px 14px #3f51b580;transform:translateY(-2px)}.not-found-container .home-button:active{box-shadow:0 2px 8px #3f51b566;transform:translateY(0)}@media(max-width:768px){.not-found-container{padding:1rem}.not-found-container .error-container{padding:2rem}.not-found-container .error-code .digit{font-size:4rem}.not-found-container .error-code .face{height:60px;width:60px}.not-found-container .error-title{font-size:1.5rem}.not-found-container .error-message{font-size:1rem}}@media(max-width:480px){.not-found-container .error-container{padding:1.5rem}.not-found-container .error-code .digit{font-size:3rem}.not-found-container .error-code .face{height:50px;width:50px}.not-found-container .error-code .face .eyes{width:40px}.not-found-container .error-code .face .eyes .eye{height:16px;width:16px}.not-found-container .error-code .face .eyes .eye .pupil{height:8px;width:8px}.not-found-container .error-code .face .mouth{transform:scale(.7) translateY(-2px)}}
/*# sourceMappingURL=main.83f8f728.css.map*/