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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Monocraft;font-style:normal;font-weight:400;src:url(/PietroTy/static/media/Monocraft.2c9422fce540c8229fc0.woff) format("woff")}body{background-color:#121212;color:#e0e0e0;font-family:Monocraft,sans-serif;margin:0;padding-top:56px}ul{list-style-type:none;padding:0}ul li{margin:10px 0}ul li a{color:#6a4c9c;font-size:150%;text-decoration:none;transition:color .3s ease}ul li a:hover{color:#e0e0e0}header{background-color:#121212;box-shadow:0 2px 8px #00000040;box-sizing:border-box;flex-wrap:wrap;height:56px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.header-left,header{align-items:center;display:flex}.logo{font-size:200%;font-weight:700}.pietro{color:#fff}.ty{color:#6a4c9c}.language-toggle{align-self:center;font-size:.85em;margin-left:16px;margin-right:0;max-width:80px;min-width:32px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}nav ul{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0}nav ul li{margin:0 10px}nav ul li,nav ul li a{flex-shrink:1;min-width:0}nav ul li a{color:#6a4c9c;font-size:150%;font-weight:700;overflow:hidden;padding:0 2px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}nav ul li a:hover{color:#e0e0e0}.language-toggle,button{background-color:#6a4c9c;border:none;border-radius:5px;color:#e0e0e0;cursor:pointer;flex-shrink:1;font-family:Monocraft,sans-serif;max-width:100px;min-width:48px;overflow:hidden;padding:10px 20px;text-overflow:ellipsis;white-space:nowrap}.language-toggle:hover,button:hover{background-color:#e0e0e0;color:#6a4c9c}section{background-color:#1a1a1a;border-radius:10px;font-size:100%;margin:20px 2%;padding:50px 2%;scroll-margin-top:80px}section#about{align-items:center;border-left:5px solid #6a4c9c}.about-content,section#about{justify-content:space-between}.about-content{align-items:flex-start;display:flex;width:100%}.about-title{margin-bottom:20px;width:100%}.about-title h2{border-bottom:2px solid #6a4c9c;color:#e0e0e0;font-size:2rem;margin:0;padding-bottom:10px}.about-image{margin-left:20px;margin-right:0;max-width:320px;min-width:180px;position:relative;text-align:center;width:100%}.about-image .pietro-image{border:4px solid #6a4c9c;border-radius:10px;display:block;height:auto;position:relative;width:100%;z-index:1}.about-image .jack-image{border:4px solid #6a4c9c;border-radius:12px;bottom:10px;box-shadow:0 4px 8px #0003;left:10px;max-width:80px;min-width:40px;object-fit:cover;opacity:1;position:absolute;transition:opacity .3s ease;width:25%;z-index:3}.about-image:hover .jack-image{opacity:0}@media (max-width:900px){.about-image{margin:0 auto 20px;max-width:220px;min-width:120px}}@media (max-width:600px){.about-image{margin:0 auto;max-width:140px;min-width:80px;width:80%}.about-image .jack-image{bottom:4px;left:4px;max-width:40px;min-width:24px;width:30%}}.tychat{background-color:#121212;border:2px solid #6a4c9c;border-radius:12px;color:#e0e0e0;display:flex;flex-direction:column;gap:10px;padding:1rem;position:relative}.chat-box,.tychat{max-height:300px;overflow-y:auto}.msg{word-wrap:break-word;border-radius:8px;margin-bottom:.5rem;max-width:80%;padding:8px 12px}.msg.user{background-color:#6a4c9c;color:#fff;margin-left:auto;text-align:right}.msg.assistant{margin-right:auto;text-align:left}.chat-input,.msg.assistant{background-color:#1a1a1a;color:#e0e0e0}.chat-input{border:1px solid #6a4c9c;border-radius:8px;box-sizing:border-box;display:block;font-family:Monocraft,sans-serif;font-size:1em;margin:0 auto;max-width:100%;padding:.5rem;resize:none;width:100%}.chat-input::placeholder{color:#b9b9b9;font-family:Monocraft,sans-serif;opacity:1}section#skills{align-items:center;border-left:5px solid #6a4c9c;justify-content:space-between}.skills-section h2{border-bottom:2px solid #6a4c9c;color:#e0e0e0;padding-bottom:10px}section#skills ul{list-style:none}section#skills ul li{color:#e0e0e0}.progress{background-color:#121212;border:2px solid #6a4c9c;border-radius:10px;height:20px;overflow:hidden}.progress-bar{background-color:#6a4c9c!important;border-radius:10px 0 0 10px;height:100%;transition:width .5s ease-in-out}section#projects{border-left:5px solid #6a4c9c}.carousel-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:15px;position:relative}.carousel-header h2{color:#e0e0e0;margin:0;padding-bottom:8px;position:relative;z-index:1}.carousel-header:after{background-color:#6a4c9c;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:0}.carousel-nav{display:flex;gap:10px}.nav-button{background-color:#6b4c9c00;border:none;border-radius:8px;color:#6a4c9c;cursor:pointer;font-size:1rem;margin-bottom:15px;padding:6px 12px;transition:background-color .3s ease}.nav-button:hover{background-color:#e0e0e000;color:#e0e0e0}.projects-carousel{-ms-overflow-style:none;align-items:flex-start;display:flex;gap:20px;overflow-x:auto;padding:20px 60px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.projects-carousel::-webkit-scrollbar{display:none}.project-card{background-color:#181818;border:2px solid #6a4c9c;border-radius:12px;color:#6a4c9c;cursor:pointer;display:flex;flex:none;flex-direction:column;justify-content:flex-start;max-height:200px;overflow:hidden;padding:25px;position:relative;scroll-snap-align:start;text-align:center;transition:max-height .4s ease,transform .4s ease,box-shadow .4s ease,width .4s ease;width:calc(20% - 16px)}.project-card:hover{box-shadow:0 6px 16px #6a4c9c66;color:#e0e0e0;max-height:550px;transform:translateY(-8px);width:calc(35% - 16px);z-index:5}.project-expanded{max-height:0;opacity:0;overflow:hidden;transition:opacity .4s ease,max-height .4s ease}.project-card:hover .project-expanded{margin-bottom:15px;max-height:400px;opacity:1}.project-image img{border-radius:8px;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-button{background-color:#181818;border:2px solid #6a4c9c;border-radius:6px;color:#fff;margin-top:10px;padding:10px 18px;text-decoration:none;transition:background-color .3s ease;z-index:10}.project-card:hover .project-button{background-color:#6a4c9c}.project-card:hover .project-button:hover{background-color:#e0e0e0;color:#6a4c9c}@media (max-width:1200px){.project-card{width:calc(25% - 16px)}.project-card:hover{width:calc(35% - 16px)}}@media (max-width:900px){.project-card{width:calc(33.333% - 16px)}.project-card:hover{width:calc(43.333% - 16px)}}@media (max-width:600px){.project-card{width:calc(50% - 16px)}.project-card:hover{width:calc(60% - 16px)}}@media (max-width:400px){.project-card,.project-card:hover{width:100%}}section#contact{background-color:#1a1a1a;border-left:5px solid #6a4c9c;border-radius:10px}.contact-content h2{border-bottom:2px solid #6a4c9c;color:#e0e0e0;padding-bottom:10px}.contact-content p{color:#e0e0e0;margin-bottom:20px}.contact-content ul{list-style:none;margin:0;padding:0}.contact-content li{margin-bottom:12px}.contact-content a{align-items:center;color:#6a4c9c;display:inline-flex;font-size:1.1em;text-decoration:none;transition:color .2s}.contact-content a:hover{color:#e0e0e0}@media (max-width:900px){header{flex-wrap:wrap;height:auto;padding:0 10px}.language-toggle{font-size:.8em;max-width:60px;min-width:28px;padding:3px 6px}nav ul li a{font-size:110%;padding:0 2px}}@media (max-width:600px){header{align-items:center;flex-direction:row;height:auto;justify-content:space-between;padding:0 18px}nav ul{gap:8px}.logo{font-size:110%}nav ul li a{font-size:65%;padding:0 1px}section{font-size:90%;margin:6px 1%;padding:18px 1%}.about-title h2,.contact-content h2,.projects-section h2,.skills-section h2{font-size:1.1rem;padding-bottom:6px}.about-content{align-items:stretch;flex-direction:column;gap:18px}.chat-container,.tychat{box-sizing:border-box;font-size:90%;height:180px;max-height:180px;max-width:100%;min-width:0;padding:.3rem;width:100%}.about-image{margin:0 auto;max-width:140px;min-width:80px;width:80%}.about-image .jack-image{bottom:4px;left:4px;max-width:40px;min-width:24px;width:30%}.progress{height:10px}.progress-bar{font-size:80%}.language-toggle{display:none!important}nav ul{margin-bottom:0}}@media (max-width:400px){.progress-bar{font-size:0}.progress-bar:after{content:""}.language-toggle{display:none!important}}
/*# sourceMappingURL=main.114f9128.css.map*/