@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}.page-container{max-width:80%;margin:var(--margin-zero)}@media (max-width: 600px){.page-container{max-width:95%;margin:var(--margin-zero)}}.home h2{font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.5px;color:var(--accent);padding-top:calc(var(--padding-big) * 5)}.home h3,.home h4{font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.5px;color:var(--accent)}.projects h2{font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.5px;color:var(--vivid-sky-blue);padding-top:calc(var(--padding-big) * 5)}.projects h3,.projects h4{font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.5px;color:var(--vivid-sky-blue)}.hobbys h2{font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.5px;color:var(--vivid-matrix-green);padding-top:calc(var(--padding-big) * 5)}.hobbys h3,.hobbys h4{font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.5px;color:var(--vivid-matrix-green)}body,p,li,a{font-family:Nunito,sans-serif;font-weight:400;line-height:1.6;font-size:large}body{color:var(--text-light);background-color:var(--dark-bg);line-height:1.6}header{margin:var(--margin-one);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));border-radius:var(--border-radius);color:var(--text-light);padding:var(--padding-big);box-shadow:var(--box-shadow);position:fixed;top:var(--margin-one);left:0;right:0;width:fit-content;margin:auto;z-index:2}header .navbar{margin:auto;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--padding-small)/4)}nav a{padding:calc(var(--padding-small)/2);text-decoration:none;color:var(--text-muted);transition:color .3s}.home nav a:hover{color:var(--accent)}.projects nav a:hover{color:var(--vivid-sky-blue)}.hobbys nav a:hover{color:var(--vivid-matrix-green)}.home nav a.active-link{color:var(--accent);border:2px solid var(--accent);border-radius:var(--border-radius)}.projects nav a.active-link{color:var(--vivid-sky-blue);border:2px solid var(--vivid-sky-blue);border-radius:var(--border-radius)}.hobbys nav a.active-link{color:var(--vivid-matrix-green);border:2px solid var(--vivid-matrix-green);border-radius:var(--border-radius)}.hero{text-align:center;padding-top:var(--padding-big)*2}.home .hero h2{font-size:2.4rem;color:var(--accent)}.projects .hero h2{font-size:2.4rem;color:var(--vivid-sky-blue)}.hero p{margin:var(--margin-one);max-width:600px;color:var(--text-muted)}.profile-wrapper{position:relative;width:20rem;aspect-ratio:1 / 1;overflow:hidden}.footer{background-color:var(--darker-bg);padding:var(--padding-big)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);margin:var(--margin-zero)}.footer-column h3{border-bottom:1px solid #333;padding-bottom:var(--padding-small)}.footer-column ul{list-style:none;padding-top:var(--padding-small)}.footer-column a{color:#aaa;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#4cc9f0}.footer-bottom{text-align:center;margin-top:var(--margin-one);border-top:1px solid #222;padding-top:var(--padding-big);color:#777}.floating-badge-container{position:fixed;bottom:var(--padding-small);right:var(--padding-small);display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--gap)/2);z-index:1000}.floating-badge{background:var(--accent);color:var(--text-light);padding:calc(var(--padding-big) / 3);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:.5;transition:opacity .3s}.floating-badge:hover{opacity:1}@media (max-width: 600px){.floating-badge-container{position:fixed;bottom:calc(var(--padding-small)/3);right:calc(var(--padding-small)/3);display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--gap)/3);z-index:1000}.floating-badge{background:var(--accent);color:var(--text-light);padding:calc(var(--padding-big) / 3);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:.5;transition:opacity .3s;font-size:.7rem}}.floating-background{position:fixed;top:0;left:0;width:100%;height:120%;overflow:hidden;z-index:-1;background-color:var(--darker-bg)}.matrix-container{position:relative;width:100%;height:100%;display:flex}.matrix-pattern{position:relative;width:1000px;height:100%;flex-shrink:0}.matrix-column{position:absolute;top:-100%;width:20px;height:100%;font-size:16px;line-height:18px;font-weight:700;animation:fall linear infinite;white-space:nowrap;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;writing-mode:vertical-lr;letter-spacing:1px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.matrix-column:before{content:"長い旅は一歩から始まります。七回転んで、八回立ち上がる。そうすれば成功します。そうでなければ成功しません。";position:absolute;top:0;left:0;background:linear-gradient(to bottom,#ffffff 0%,#ffffff 5%,#c88af2 10%,#b567eb 20%,#a04be0 30%,#8c2fd4 40%,#7b1dc6 50%,#7209b7 60%,#5e0898 70%,#490678 80%,rgba(114,9,183,.6) 90%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;writing-mode:vertical-lr;letter-spacing:1px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.projects .matrix-column:before{content:"長い旅は一歩から始まります。七回転んで、八回立ち上がる。そうすれば成功します。そうでなければ成功しません。";background:linear-gradient(to bottom,#d8ffff 0%,#4cc9f0 10%,#3ab1d8 20%,#2d95be 35%,#1f7ca4 50%,#17658a 65%,#0f4c6f 80%,#0a3755 90%,rgba(10,55,85,.6) 95%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;writing-mode:vertical-lr;letter-spacing:1px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hobbys .matrix-column:before{content:"長い旅は一歩から始まります。七回転んで、八回立ち上がる。そうすれば成功します。そうでなければ成功しません。";background:linear-gradient(to bottom,#e3ffd8 0%,var(--vivid-matrix-green) 10%,#4fe212 20%,#3dc010 35%,#2d950c 50%,#1f7a09 65%,#145c06 80%,#0b3f04 90%,rgba(11,63,4,.6) 95%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;writing-mode:vertical-lr;letter-spacing:1px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.matrix-column:nth-child(1){left:0;animation-delay:-3s;animation-duration:22s}.matrix-column:nth-child(2){left:25px;animation-delay:-1s;animation-duration:20s}.matrix-column:nth-child(3){left:50px;animation-delay:-5s;animation-duration:16s}.matrix-column:nth-child(4){left:75px;animation-delay:-3s;animation-duration:17s}.matrix-column:nth-child(5){left:100px;animation-delay:-3s;animation-duration:17s}.matrix-column:nth-child(6){left:125px;animation-delay:-2s;animation-duration:24s}.matrix-column:nth-child(7){left:150px;animation-delay:-4s;animation-duration:21s}.matrix-column:nth-child(8){left:175px;animation-delay:-2s;animation-duration:12s}.matrix-column:nth-child(9){left:200px;animation-delay:-3s;animation-duration:17s}.matrix-column:nth-child(10){left:225px;animation-delay:-1s;animation-duration:23s}.matrix-column:nth-child(11){left:250px;animation-delay:-4s;animation-duration:19s}.matrix-column:nth-child(12){left:275px;animation-delay:-2s;animation-duration:12s}.matrix-column:nth-child(13){left:300px;animation-delay:-4s;animation-duration:23s}.matrix-column:nth-child(14){left:325px;animation-delay:-3s;animation-duration:16s}.matrix-column:nth-child(15){left:350px;animation-delay:-4s;animation-duration:14s}.matrix-column:nth-child(16){left:375px;animation-delay:-3s;animation-duration:22s}.matrix-column:nth-child(17){left:400px;animation-delay:-5s;animation-duration:11s}.matrix-column:nth-child(18){left:425px;animation-delay:-3s;animation-duration:20s}.matrix-column:nth-child(19){left:450px;animation-delay:-1s;animation-duration:19s}.matrix-column:nth-child(20){left:475px;animation-delay:-2s;animation-duration:15s}.matrix-column:nth-child(21){left:500px;animation-delay:-4s;animation-duration:19s}.matrix-column:nth-child(22){left:525px;animation-delay:-3s;animation-duration:16s}.matrix-column:nth-child(23){left:550px;animation-delay:-5s;animation-duration:21s}.matrix-column:nth-child(24){left:575px;animation-delay:-4s;animation-duration:25s}.matrix-column:nth-child(25){left:600px;animation-delay:-4s;animation-duration:21s}.matrix-column:nth-child(26){left:625px;animation-delay:-3s;animation-duration:15s}.matrix-column:nth-child(27){left:650px;animation-delay:-1s;animation-duration:11s}.matrix-column:nth-child(28){left:675px;animation-delay:-5s;animation-duration:18s}.matrix-column:nth-child(29){left:700px;animation-delay:-1s;animation-duration:11s}.matrix-column:nth-child(30){left:725px;animation-delay:-4s;animation-duration:18s}.matrix-column:nth-child(31){left:750px;animation-delay:-2s;animation-duration:25s}.matrix-column:nth-child(32){left:775px;animation-delay:-4s;animation-duration:18s}.matrix-column:nth-child(33){left:800px;animation-delay:-1s;animation-duration:21s}.matrix-column:nth-child(34){left:825px;animation-delay:-5s;animation-duration:24s}.matrix-column:nth-child(35){left:850px;animation-delay:-5s;animation-duration:22s}.matrix-column:nth-child(36){left:875px;animation-delay:-5s;animation-duration:13s}.matrix-column:nth-child(37){left:900px;animation-delay:-5s;animation-duration:19s}.matrix-column:nth-child(38){left:925px;animation-delay:-5s;animation-duration:22s}.matrix-column:nth-child(39){left:950px;animation-delay:-3s;animation-duration:15s}.matrix-column:nth-child(40){left:975px;animation-delay:-1s;animation-duration:16s}.matrix-column:nth-child(41){left:1000px;animation-delay:-2s;animation-duration:14s}.matrix-column:nth-child(42){left:1025px;animation-delay:-2s;animation-duration:16s}.matrix-column:nth-child(43){left:1050px;animation-delay:-1s;animation-duration:25s}.matrix-column:nth-child(44){left:1075px;animation-delay:-3s;animation-duration:21s}.matrix-column:nth-child(45){left:1100px;animation-delay:-2s;animation-duration:12s}.matrix-column:nth-child(46){left:1125px;animation-delay:-2s;animation-duration:20s}.matrix-column:nth-child(47){left:1150px;animation-delay:-1s;animation-duration:12s}.matrix-column:nth-child(48){left:1175px;animation-delay:-3s;animation-duration:24s}.matrix-column:nth-child(49){left:1200px;animation-delay:-3s;animation-duration:14s}.matrix-column:nth-child(50){left:1225px;animation-delay:-3s;animation-duration:18s}.matrix-column:nth-child(51){left:1250px;animation-delay:-5s;animation-duration:24s}.matrix-column:nth-child(52){left:1275px;animation-delay:-2s;animation-duration:17s}.matrix-column:nth-child(53){left:1300px;animation-delay:-3s;animation-duration:11s}.matrix-column:nth-child(54){left:1325px;animation-delay:-5s;animation-duration:19s}.matrix-column:nth-child(55){left:1350px;animation-delay:-4s;animation-duration:19s}.matrix-column:nth-child(56){left:1375px;animation-delay:-3s;animation-duration:16s}.matrix-column:nth-child(57){left:1400px;animation-delay:-3s;animation-duration:11s}.matrix-column:nth-child(58){left:1425px;animation-delay:-1s;animation-duration:16s}.matrix-column:nth-child(59){left:1450px;animation-delay:-2s;animation-duration:11s}.matrix-column:nth-child(60){left:1475px;animation-delay:-3s;animation-duration:23s}.matrix-column:nth-child(61){left:1500px;animation-delay:-3s;animation-duration:25s}.matrix-column:nth-child(62){left:1525px;animation-delay:-2s;animation-duration:20s}.matrix-column:nth-child(63){left:1550px;animation-delay:-5s;animation-duration:14s}.matrix-column:nth-child(64){left:1575px;animation-delay:-4s;animation-duration:17s}.matrix-column:nth-child(65){left:1600px;animation-delay:-5s;animation-duration:15s}.matrix-column:nth-child(66){left:1625px;animation-delay:-5s;animation-duration:24s}.matrix-column:nth-child(67){left:1650px;animation-delay:-2s;animation-duration:12s}.matrix-column:nth-child(68){left:1675px;animation-delay:-2s;animation-duration:24s}.matrix-column:nth-child(69){left:1700px;animation-delay:-3s;animation-duration:18s}.matrix-column:nth-child(70){left:1725px;animation-delay:-2s;animation-duration:18s}.matrix-column:nth-child(71){left:1750px;animation-delay:-2s;animation-duration:12s}.matrix-column:nth-child(72){left:1775px;animation-delay:-4s;animation-duration:17s}.matrix-column:nth-child(73){left:1800px;animation-delay:-2s;animation-duration:25s}.matrix-column:nth-child(74){left:1825px;animation-delay:-3s;animation-duration:16s}.matrix-column:nth-child(75){left:1850px;animation-delay:-1s;animation-duration:15s}.matrix-column:nth-child(76){left:1875px;animation-delay:-3s;animation-duration:17s}.matrix-column:nth-child(77){left:1900px;animation-delay:-4s;animation-duration:20s}.matrix-column:nth-child(78){left:1925px;animation-delay:-5s;animation-duration:19s}.matrix-column:nth-child(79){left:1950px;animation-delay:-2s;animation-duration:23s}.matrix-column:nth-child(80){left:1975px;animation-delay:-4s;animation-duration:19s}@keyframes fall{0%{transform:translateY(-10%);opacity:1}to{transform:translateY(200%);opacity:0}}@media (max-width: 768px){.matrix-column{font-size:14px;line-height:16px;width:18px}}@media (max-width: 480px){.matrix-column{font-size:12px;line-height:14px;width:15px}}.project-container{display:flex;flex-direction:column;gap:var(--gap);max-width:60%;margin:var(--margin);padding:var(--padding-big);align-items:stretch}.content-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap);padding:var(--padding-big);align-items:stretch}.card-inner{perspective:1000px;transform-style:preserve-3d;transition:transform .8s ease;position:relative;height:100%;box-shadow:var(--box-shadow);border-radius:var(--border-radius)}.content-card{opacity:0;transform:translateY(200px);transition:opacity 1s ease-out,transform 1s ease-out}.content-card.visible{opacity:1;transform:translateY(0);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect))}.card-front{padding:var(--padding-big);border-radius:var(--border-radius);transition:filter .8s ease;width:100%;min-height:300px;align-items:center}.card-back{position:absolute;top:0;left:0;width:100%;min-height:100%;backface-visibility:hidden;border-radius:var(--border-radius);padding:var(--padding-big);transform:rotateY(180deg)}@media (hover: hover) and (min-width: 600px){.content-card:hover .card-inner{transform:rotateY(180deg)}.content-card:hover .card-front{filter:blur(var(--blur-effect));opacity:.25}}.content-card h3{color:var(--accent)}.content-card.flipped .card-inner{transform:rotateY(180deg)}.content-card.flipped .card-front{filter:blur(var(--blur-effect));opacity:.3}.scroll-box{width:100%;height:230px;overflow:auto;padding:var(--padding-big);border-radius:var(--border-radius)}.project-image,.content-image{max-width:60%;border-radius:var(--border-radius);margin:var(--margin-zero);display:block}.job-experience-container{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding-big)}.job-card{border-bottom:5px solid var(--accent);border-left:5px solid var(--accent);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));transition:box-shadow .3s ease,opacity 1s ease-out,transform 1s ease-out;color:var(--text-light);padding:var(--padding-big);box-shadow:var(--box-shadow);display:flex;align-items:center;gap:var(--gap);opacity:0;transform:translate(var(--traslation))}.job-card.visible{opacity:1;transform:translate(0)}.job-icon{width:20%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.job-content{flex-grow:1;display:flex;flex-direction:column}.job-period{font-size:.9rem;opacity:.7;margin-top:var(--margin-one)}@media (max-width: 600px){.job-card{flex-direction:column;align-items:center;padding:var(--padding-big)}.job-icon{margin-bottom:var(--margin-bottom)}}.skill-level{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-big);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));box-shadow:var(--box-shadow);opacity:0;transform:translate(calc(var(--traslation)*(-1)));transition:opacity 1s ease-out,transform 1s ease-out}.skill-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--gap);padding:var(--padding-big);align-items:stretch}.skill-level.visible{opacity:1;transform:translateY(0)}.skill-name{color:#fff}@media (max-width: 600px){.skill-level{flex-direction:column;align-items:center;justify-content:center;padding:var(--padding-big)}.skill-name{margin-bottom:var(--margin-one)}.circle-container{width:100%}}.circle-container{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{stroke:var(--darker-bg)}.progress-ring-bar{stroke:var(--accent);transition:stroke-dashoffset .6s ease}.progress-text{position:absolute;color:#fff}.language-skill-container{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding-big);width:100%}.language-skill{display:flex;flex-direction:column;align-items:flex-start;padding:var(--padding-big);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));transition:box-shadow .3s ease,opacity 1s ease-out,transform 1s ease-out;border-right:5px solid var(--accent);border-left:5px solid var(--accent);box-shadow:0 2px 10px var(--shadow-color);opacity:0;transform:translate(var(--traslation))}.language-skill.visible{opacity:1;transform:translate(0)}.skill-info{display:flex;justify-content:space-between;width:100%;font-weight:600}.skill-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--gap);width:100%}.flag-icon{width:2rem;height:2rem;border-radius:50%;object-fit:cover;flex-shrink:0}.progress-container{flex:1;display:flex;align-items:center}.progress-bar{width:100%;height:10px;border-radius:var(--border-radius);background:var(--darker-bg);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent, #eb5e28),var(--french-violet, #7400b8));border-radius:var(--border-radius);transition:width .4s ease-in-out}.university-card-container{display:flex;flex-direction:column;gap:var(--gap);max-width:85%;margin:var(--margin);padding:var(--padding-big)}.university-card{flex-direction:column;padding:var(--padding-big);gap:var(--gap);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));transition:box-shadow .3s ease,opacity 1s ease-out,transform 1s ease-out;color:var(--light-text);box-shadow:0 2px 10px var(--shadow-color);border-left:5px solid var(--accent);border-right:5px solid var(--accent);opacity:0;transform:translateY(var(--traslation))}.university-card.visible{opacity:1;transform:translateY(0)}.university-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%}.university-logo{width:30%;border-radius:var(--border-radius);object-fit:contain;flex-shrink:0;display:block;margin:var(--margin-zero);padding-bottom:var(--padding-big)}.university-period{font-size:.9rem;opacity:.7;margin-top:var(--margin-one)}.hero-section-container{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding-big)}.hero-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--gap);padding:var(--padding-big);color:var(--text-light);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:box-shadow .3s ease;border-bottom:5px solid var(--accent);margin-top:8rem}.hero-card>img{display:block;margin:var(--margin-zero);width:40%;border-radius:50%;border:5px solid var(--accent);box-shadow:0 0 20px var(--accent, #7400b8ff),0 0 40px #ffffff1a;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;margin-top:var(--margin-one)}.hero-card>img:hover{transform:scale(1.05);box-shadow:0 0 30px var(--accent, #7400b8ff),0 0 50px #fff3}.assignment-container{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding-big)}.assignment-card{border-bottom:5px solid var(--vivid-sky-blue);border-left:5px solid var(--vivid-sky-blue);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));transition:box-shadow .3s ease,opacity 1s ease-out,transform 1s ease-out;color:var(--text-light);padding:var(--padding-big);box-shadow:var(--box-shadow);display:flex;align-items:center;gap:var(--gap);opacity:0;transform:translate(var(--traslation))}.assignment-card.visible{opacity:1;transform:translate(0)}.assignment-icon{width:15%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.assignment-content{flex-grow:1;display:flex;flex-direction:column}.assignment-period{font-size:.9rem;opacity:.7;margin-top:var(--margin-one)}@media (max-width: 600px){.assignment-card{flex-direction:column;align-items:center;padding:var(--padding-big)}.assignment-icon{margin-bottom:var(--margin-bottom);width:50%}}.project-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap);padding:var(--padding-big);align-items:stretch}.project-card{border-top:5px solid var(--vivid-sky-blue);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));transition:box-shadow .3s ease,opacity 1s ease-out,transform 1s ease-out;color:var(--text-light);padding:var(--padding-big);box-shadow:var(--box-shadow);display:flex;flex-direction:column;align-items:center;gap:var(--gap);opacity:0;transform:translateY(var(--traslation))}.project-card.visible{opacity:1;transform:translateY(0)}.project-icon{max-width:50%;margin-bottom:var(--margin-small)}.project-content{display:flex;flex-direction:column;align-items:center}.project-title{font-weight:700;margin-bottom:var(--margin-small)}.project-description{margin-bottom:var(--margin-small)}.project-time{font-size:.9rem;opacity:.7}.iso-pro-container{gap:var(--gap);margin-top:var(--margin-one);padding:var(--padding-small);border-radius:var(--border-radius);box-shadow:inset 0 0 20px var(--vivid-sky-blue),inset 0 0 5px #ffffff4d,0 5px 5px #0000001a}.iso-logo-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.iso-pro{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.iso-pro span{position:absolute;border-radius:50%;height:60px;width:60px;opacity:0;transition:all .3s;box-shadow:inset 0 0 20px var(--dark-bg),inset 0 0 5px #ffffff4d,0 5px 5px #0000001a}.iso-pro:hover span:nth-child(1){opacity:.2}.iso-pro:hover span:nth-child(2){opacity:.4;transform:translate(5px,-5px)}.iso-pro:hover span:nth-child(3){opacity:.6;transform:translate(10px,-10px)}.iso-pro img{height:3rem;width:3rem;padding:calc(var(--padding-small)/2);border-radius:50%;object-fit:cover;transition:transform .3s,box-shadow .3s}.iso-pro:hover img{transform:translate(5px,-5px);box-shadow:0 0 10px #ffffff4d}.text{opacity:0;border-radius:5px;padding:4px 8px;transition:all .3s;color:#fffc;background-color:#0006;position:absolute;bottom:-25px;white-space:nowrap;font-size:.75rem;pointer-events:none}.iso-pro:hover .text{opacity:1;transform:translateY(-5px)}.hobby-container{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding-big)}.hobby-card{border-bottom:5px solid var(--vivid-matrix-green);border-left:5px solid var(--vivid-matrix-green);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));transition:box-shadow .3s ease,opacity 1s ease-out,transform 1s ease-out;color:var(--text-light);padding:var(--padding-big);box-shadow:var(--box-shadow);display:flex;align-items:center;gap:var(--gap);opacity:0;transform:translate(var(--traslation))}.hobby-card.visible{opacity:1;transform:translate(0)}.hobby-icon{width:15%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius)}.hobby-content{flex-grow:1;display:flex;flex-direction:column}.hobby-duration{font-size:.9rem;opacity:.7;margin-top:var(--margin-one)}@media (max-width: 600px){.hobby-card{flex-direction:column;align-items:center;padding:var(--padding-big)}.hobby-icon{margin-bottom:var(--margin-bottom);width:80%}}:root{--rose: #f72585ff;--grape: #7209b7ff;--zaffre: #3a0ca3ff;--neon-blue: #4361eeff;--vivid-sky-blue: #4cc9f0ff;--vivid-matrix-green: #5aff15;--body-bg: var(--zaffre);--dark-bg: var(--grape);--shadow-color: var(--neon-blue);--card-bg: var(--dark-bg);--light-text: #f1f3f8ff;--dark-bg: var(--zaffre);--darker-bg: #1b0c38;--card-bg: var(--grape);--accent: var(--rose);--accent-secondary: var(--vivid-sky-blue);--text-light: #f8f9faff;--text-muted: #cfd2f0ff;--shadow-color: rgba(0, 0, 0, .5)}:root{--gap: 1.5rem;--padding-small: 1rem;--padding-big: 1.5rem;--margin: 3rem auto;--margin-zero: 0 auto;--margin-one: 1rem;--blur-effect: .5rem;--border-radius: 1rem;--box-shadow: 0 2px 10px var(--shadow-color);--traslation: 30px}@media (max-width: 600px){:root{--gap: 1.5rem;--padding-small: 1rem;--padding-big: 1.5rem;--margin: 3rem auto;--margin-zero: 0 auto;--margin-bottom: 1rem;--blur-effect: .25rem;--border-radius: 1rem;--box-shadow: 0 2px 10px var(--shadow-color)}}.portfolio-container{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding-big)}.portfolio-card{border-bottom:5px solid var(--vivid-matrix-green);border-left:5px solid var(--vivid-matrix-green);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));transition:box-shadow .3s ease,opacity 1s ease-out,transform 1s ease-out;color:var(--text-light);padding:var(--padding-big);box-shadow:var(--box-shadow);display:flex;align-items:center;gap:var(--gap);opacity:0;transform:translate(var(--traslation))}.portfolio-card.visible{opacity:1;transform:translate(0)}.portfolio-content{flex-grow:1;display:flex;flex-direction:column}.portfolio-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--margin-one);color:var(--text-light)}.chart-container{width:100%;height:300px;margin-top:var(--margin-one)}.ticker-container{display:flex;flex-wrap:wrap;gap:calc(var(--gap)/2);margin-bottom:var(--margin-one)}.ticker-tag{border:1px solid var(--vivid-matrix-green);color:var(--vivid-matrix-green);padding:calc(var(--padding-small)/2);border-radius:var(--border-radius);font-size:.9rem;background-color:#00ff001a}.custom-tooltip{background:#00000080;-webkit-backdrop-filter:blur(var(--blur-effect));backdrop-filter:blur(var(--blur-effect));border:2px solid var(--vivid-matrix-green);border-radius:var(--border-radius);padding:8px 12px;color:var(--text-light);box-shadow:var(--box-shadow)}.tooltip-label{font-size:.9rem;opacity:.8;margin:0}.tooltip-value{font-size:1rem;font-weight:600;color:var(--vivid-matrix-green);margin:2px 0 0}@media (max-width: 600px){.portfolio-card{flex-direction:column;align-items:center;padding:var(--padding-big)}.chart-container{height:250px}}