@keyframes fade-in{0%{opacity:0}to{opacity:1}}.personal-info-container{animation:1.5s ease-in fade-in;display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column}.profile-info{background-color:#000;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;align-items:center;text-align:center;animation:1.5s ease-out fade-in}.profile-photo{border-radius:50%;width:150px;height:150px;object-fit:cover;margin-bottom:10px;zoom:150%}p{display:flex;align-items:center}a{color:#add8e6;text-decoration:none}a:hover{text-decoration:underline}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-list-container{display:flex;flex-direction:column;align-items:center;padding:20px;animation:1.5s ease-out fade-in-up}.project-card{background-color:#000;border-radius:25px;width:100%;max-width:100%;box-shadow:0 4px 15px #0000004d;margin:20px 0;animation:1.5s ease-out fade-in-up}.project-header{text-align:center;color:#000;margin-bottom:20px}.loading,.error{text-align:center;font-size:1.5rem}.header-background{background-color:#000;padding:20px;text-align:center;border-radius:10px}.project-header{color:#fff;margin:0}footer{background-color:#333;color:#fff;padding:20px 0}footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}body{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}.container{flex:1;display:flex;flex-direction:column;color:#fff;padding-bottom:60px;overflow-y:auto;position:relative;z-index:1}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:#000000b3;color:#fff;text-align:center;padding:10px 0}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:400% 400%;animation:gradientAnimation 20s ease infinite;z-index:0}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.background{position:fixed;width:100vw;height:100vh;top:0;left:0;margin:0;padding:0;background:#4fc9c7;overflow:hidden}.background li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#fff3;animation:animate 7s linear infinite}.background li:nth-child(0){left:72%;width:168px;height:168px;bottom:-168px;animation-delay:1s}.background li:nth-child(1){left:51%;width:175px;height:175px;bottom:-175px;animation-delay:5s}.background li:nth-child(2){left:35%;width:160px;height:160px;bottom:-160px;animation-delay:8s}.background li:nth-child(3){left:11%;width:272px;height:272px;bottom:-272px;animation-delay:12s}.background li:nth-child(4){left:58%;width:199px;height:199px;bottom:-199px;animation-delay:15s}.background li:nth-child(5){left:59%;width:164px;height:164px;bottom:-164px;animation-delay:11s}.background li:nth-child(6){left:40%;width:246px;height:246px;bottom:-246px;animation-delay:29s}.background li:nth-child(7){left:42%;width:205px;height:205px;bottom:-205px;animation-delay:9s}.background li:nth-child(8){left:68%;width:157px;height:157px;bottom:-157px;animation-delay:29s}.background li:nth-child(9){left:72%;width:144px;height:144px;bottom:-144px;animation-delay:30s}.background li:nth-child(10){left:85%;width:158px;height:158px;bottom:-158px;animation-delay:11s}.background li:nth-child(11){left:4%;width:270px;height:270px;bottom:-270px;animation-delay:26s}.background li:nth-child(12){left:79%;width:187px;height:187px;bottom:-187px;animation-delay:2s}.background li:nth-child(13){left:7%;width:154px;height:154px;bottom:-154px;animation-delay:18s}.background li:nth-child(14){left:37%;width:258px;height:258px;bottom:-258px;animation-delay:11s}.background li:nth-child(15){left:80%;width:216px;height:216px;bottom:-216px;animation-delay:44s}.background li:nth-child(16){left:38%;width:241px;height:241px;bottom:-241px;animation-delay:77s}.background li:nth-child(17){left:50%;width:217px;height:217px;bottom:-217px;animation-delay:81s}.background li:nth-child(18){left:83%;width:274px;height:274px;bottom:-274px;animation-delay:3s}.background li:nth-child(19){left:29%;width:229px;height:229px;bottom:-229px;animation-delay:95s}.background li:nth-child(20){left:72%;width:171px;height:171px;bottom:-171px;animation-delay:80s}.background li:nth-child(21){left:5%;width:249px;height:249px;bottom:-249px;animation-delay:78s}.background li:nth-child(22){left:49%;width:169px;height:169px;bottom:-169px;animation-delay:37s}.background li:nth-child(23){left:53%;width:150px;height:150px;bottom:-150px;animation-delay:108s}.background li:nth-child(24){left:53%;width:198px;height:198px;bottom:-198px;animation-delay:38s}.background li:nth-child(25){left:66%;width:266px;height:266px;bottom:-266px;animation-delay:56s}.background li:nth-child(26){left:59%;width:251px;height:251px;bottom:-251px;animation-delay:5s}.background li:nth-child(27){left:70%;width:156px;height:156px;bottom:-156px;animation-delay:12s}.background li:nth-child(28){left:19%;width:276px;height:276px;bottom:-276px;animation-delay:98s}.background li:nth-child(29){left:41%;width:198px;height:198px;bottom:-198px;animation-delay:49s}.background li:nth-child(30){left:45%;width:252px;height:252px;bottom:-252px;animation-delay:24s}.background li:nth-child(31){left:0%;width:234px;height:234px;bottom:-234px;animation-delay:4s}.background li:nth-child(32){left:19%;width:174px;height:174px;bottom:-174px;animation-delay:97s}.background li:nth-child(33){left:65%;width:167px;height:167px;bottom:-167px;animation-delay:143s}.background li:nth-child(34){left:78%;width:165px;height:165px;bottom:-165px;animation-delay:142s}.background li:nth-child(35){left:51%;width:247px;height:247px;bottom:-247px;animation-delay:173s}.background li:nth-child(36){left:66%;width:259px;height:259px;bottom:-259px;animation-delay:113s}.background li:nth-child(37){left:45%;width:219px;height:219px;bottom:-219px;animation-delay:58s}.background li:nth-child(38){left:36%;width:186px;height:186px;bottom:-186px;animation-delay:103s}.background li:nth-child(39){left:44%;width:144px;height:144px;bottom:-144px;animation-delay:171s}.background li:nth-child(40){left:80%;width:197px;height:197px;bottom:-197px;animation-delay:155s}.background li:nth-child(41){left:53%;width:175px;height:175px;bottom:-175px;animation-delay:133s}.background li:nth-child(42){left:33%;width:159px;height:159px;bottom:-159px;animation-delay:138s}.background li:nth-child(43){left:33%;width:230px;height:230px;bottom:-230px;animation-delay:153s}.background li:nth-child(44){left:31%;width:254px;height:254px;bottom:-254px;animation-delay:11s}.background li:nth-child(45){left:12%;width:228px;height:228px;bottom:-228px;animation-delay:76s}.background li:nth-child(46){left:84%;width:244px;height:244px;bottom:-244px;animation-delay:16s}.background li:nth-child(47){left:36%;width:275px;height:275px;bottom:-275px;animation-delay:65s}.background li:nth-child(48){left:12%;width:243px;height:243px;bottom:-243px;animation-delay:178s}.background li:nth-child(49){left:89%;width:265px;height:265px;bottom:-265px;animation-delay:51s}@keyframes circle-in-bottom-right{0%{clip-path:circle(0%)}to{clip-path:circle(150% at bottom right)}}.circle-in-animation{animation:2.5s cubic-bezier(.25,1,.3,1) circle-in-bottom-right both}
