.header{display:flex;align-items:center;max-height:200px;margin-bottom:40px}.header-img{width:50%}.header-text{width:50%;text-align:center;text-shadow:0 0 6px #c95fff}.avatar{height:250px;border-radius:50%;margin-right:20px;animation:fly 3s ease-in-out infinite}@keyframes fly{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@media(max-width:600px){.avatar{max-height:200px}}.about{display:flex;align-items:center}.about-buttons{width:50%;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.about-buttons button{align-items:center;text-align:center;width:80%;height:55px;font-size:1.1rem;margin:.5rem 0;font-weight:700;letter-spacing:.1em;cursor:pointer;border:none;border-radius:1rem;text-shadow:0 0 2px #000000;transition:background-color .3s ease-in-out}.button-github{background-color:var(--primary-color);color:#fff}.button-linkedin{background-color:var(--secondary-color);color:#fff}.button-youtube{background-color:var(--tertiary-color);color:#fff}.about-list{align-items:center;width:50%;text-align:left}.button-github:hover{box-shadow:1px 1px 10px var(--secondary-color)}.button-linkedin:hover{box-shadow:1px 1px 10px var(--primary-color)}.button-youtube:hover{box-shadow:1px 1px 10px var(--secondary-color)}.button-github:active{border:3px solid var(--secondary-color);box-shadow:1px 1px 10px var(--secondary-color)}.button-linkedin:active{border:3px solid var(--primary-color);box-shadow:1px 1px 10px var(--primary-color)}.button-youtube:active{border:3px solid var(--secondary-color);box-shadow:1px 1px 10px var(--secondary-color)}.stacks{margin:3rem auto;text-align:center;color:#fff}.stacks h3{font-size:1.8rem;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 6px #c95fff}.stacks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;justify-items:center;align-items:center;max-width:600px;margin:0 auto}.stacks-item{background:#14141ebf;border:1px solid #8a2be2;border-radius:1rem;padding:1rem;width:100px;box-shadow:0 0 10px #3a0ca3;transition:transform .2s ease,box-shadow .2s ease}.stacks-item:hover{transform:scale(1.05);box-shadow:0 0 15px #a84ff0}.stacks-item img{width:40px;height:40px;margin-bottom:.5rem}.stacks-item p{font-size:.9rem;color:#dcbaff;margin:0}.projectGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5rem;justify-items:center;align-items:start;padding:5px;margin:5px auto;max-height:100%;max-width:90%}.sectionTitle{font-size:1.8rem;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 6px #c95fff}.project{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:fit-content;background-color:#1e1e2f;overflow:hidden;border-radius:1rem;transition:box-shadow .3s ease,width .3s ease;width:210px;color:#fff;border:1px solid #8a2be2;box-shadow:0 0 10px #3a0ca3}.project:hover{transform:scale(1.03);box-shadow:0 6px 18px #0009;width:200%;max-height:fit-content;z-index:999}.subtitle{font-size:1rem;font-weight:300}.projectTitle{overflow:hidden;background:linear-gradient(to right bottom,var(--primary-color),#8635d1);padding:10px;border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.projectTitle p{margin:2px 0;font-weight:700;color:#fff}.projectImgContainer{display:flex;align-items:center;justify-content:center;padding:12px}.projectImg{width:130px;height:130px;object-fit:cover;border-radius:8px;transition:transform .3s ease}.projectImg:hover{transform:scale(1.05)}.lowerPart{display:flex;justify-content:center}.vertical{display:flex;flex-direction:column;justify-content:space-between}.horizontal{overflow:hidden;max-height:0;max-width:0;opacity:0;pointer-events:none;transition:max-height 3s ease;transition:height 3s ease}.project:hover .horizontal{overflow:hidden;display:flex;text-align:left;width:100%;max-width:100%;max-height:100%;height:100%;pointer-events:auto;opacity:1}.moreInfo{overflow:hidden;opacity:0;max-height:0;max-width:0;transition:opacity .3s ease .2s,max-height .3s ease}.project:hover .moreInfo{overflow:hidden;max-height:200px;max-width:100%;display:flex;opacity:1;padding:20px;width:100%;font-size:medium;height:100%}.projectLinks{opacity:0;max-height:0;overflow:hidden;display:flex;flex-direction:column;transition:opacity .3s ease}.project:hover .projectLinks{display:flex;align-items:center;justify-content:space-between;padding:16px 0;flex-direction:column;opacity:1;max-height:100%}.projectLinks a{color:#fff;text-decoration:none}.project:hover .lowerPart{display:flex;justify-content:space-around}#root{--primary-color: #8000ff;--secondary-color: #ff96b4;--tertiary-color: #b7a8ea ;margin:0 auto;width:60vw;padding:2rem;color:#fff;font-family:Courier New,Courier,monospace;font-size:1.2rem;line-height:1.5;letter-spacing:.05em}body{margin:0;overflow-x:hidden;background:#000;height:100vh}.neon-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.neon-grid:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,transparent 20%,#000 150%),repeating-linear-gradient(#1a0020 0px,#1a0020 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,#1a0020 0px,#1a0020 1px,transparent 1px,transparent 40px);opacity:.95;animation:gridMove 60s linear infinite}.neon-grid:after{content:"";position:absolute;width:100%;height:100%;animation:pulse 8s infinite alternate,moveParticles 25s infinite linear}@keyframes gridMove{to{transform:translate(40px,40px)}}@keyframes pulse{0%{opacity:.3}to{opacity:.9}}@keyframes moveParticles{0%{background-position:0% 0%}25%{background-position:100% 25%}50%{background-position:50% 100%}75%{background-position:0% 75%}to{background-position:100% 0%}}.app{border:var(--primary-color) solid 2px;border-radius:8px;background-color:#0009;border:px solid rgba(255,0,255,.733);box-shadow:0 0 15px #cf45cf;border-radius:2rem;padding:2rem;margin:2rem auto;max-width:800px;text-align:center}@media(max-width:900px){#root{width:80vw;transition:width .5s ease-in-out}body{max-height:none;overflow:auto}}