*{margin:0;padding:0;width:100%;box-sizing:border-box}body{font-family:Arial,sans-serif;display:flex;justify-content:center;flex-direction:column;min-height:100vh;overflow-x:hidden;background-color:#0b0c15;color:#fff;align-items:center}#above-fold{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;color:#fff;width:100%;padding:0 20px}#image-container{margin-bottom:20px}#profile-pic{width:250px;height:250px;border-radius:50%;object-fit:cover;object-position:top}h1.typed-text{visibility:visible;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;border-right:2px solid var(--main-color);animation:typing 2.5s steps(80) 1s forwards,cursor .8s step-end infinite}#intro{font-size:1rem;color:#dbdbdb;max-width:600px;line-height:1.5;margin:0 auto}main{height:100%;width:90%;justify-self:center;flex-grow:1;display:block;overflow:auto}.profile1{background-color:#1b1e2b}.profile2{background-color:red}#profile-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1b1e2b;border-radius:10px;padding:20px;width:100%;max-width:700px;height:fit-content;max-height:1000px}#intro{font-style:italic;position:relative;font-size:1.3em;color:#fff}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor{0%{border-right:2px solid var(--main-color)}50%{border-right:none}to{border-right:2px solid var(--main-color)}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}#profile-card:after,#profile-card:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),transparent,rgb(61,40,156),rgb(133,33,120));top:0%;left:0%;transform:translate(-.4%,-.5%);padding:3px;z-index:-1;border-radius:10px;animation:5s spin linear infinite}#profile-card:before{filter:blur(2.5em) brightness(.5);opacity:1}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.project{position:relative;padding:20px;background-color:#1b1e2b;height:100%;width:100%;margin-bottom:5%;text-align:center;border-radius:10px;text-align:left;background-image:linear-gradient(to bottom,#1b1e2b 70%,transparent),conic-gradient(#0b052e,#353555,#532488d7,#0a0a5a,#0b052e);background-size:100% 100%;background-position:0 0}.project-icon{display:flex;align-items:center;transition:transform .3s ease-in-out;transform:scale(1)}.project-icon.scale-up{transform:scale(1.05)}.scale-up{transform:scale(1.05);opacity:1;transition:transform .3s ease,opacity .3s ease}.in-view{opacity:1;transition:opacity 1s ease-in-out}.project-icon h1{color:#fff;padding-left:5%;font-size:3em;display:inline-flex;transition:transform .3s ease-in-out}.project-icon i{margin-left:10px;font-size:1.5em;color:#c757d9}.project:after{content:"";position:absolute;top:0;left:0;width:100%;height:60%;padding:0;background-image:linear-gradient(to top,#1b1e2b 70%,transparent),conic-gradient(from 180deg,#0b052e,#353555,#532488d7,#0a0a5a,#0b052e);z-index:-1;border-radius:10px;filter:blur(10em);opacity:1}.project1{margin-top:5%;color:#bb7acf9f}.project1 p{color:#fff}.project2{margin-top:5%;color:#3e61e1}.project2 p{color:#fff}.languages{margin-top:10%;background:linear-gradient(to bottom,#220555 70%,transparent),conic-gradient(#48475324,#4408cf,#522584d7,#664478,#0b052e);padding:10px;border-radius:10px;width:100%;display:flex;justify-content:center;align-items:center}.languages-container{text-align:center;width:100%;max-width:800px;padding:10px;border-radius:10px}.languages h1{color:#fff;font-size:3em;margin-bottom:20px}.languages-icon-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;justify-items:center}.languages-icon-container span{color:#0b0c15;font-weight:700;padding:10px 20px;border-radius:8px;text-transform:capitalize;font-size:1.2rem;transition:transform .3s ease-in-out;width:100%;text-align:center}.link{display:inline-flex;align-items:center}a{text-decoration:none}.languages-icon-container i{font-size:2rem;margin-right:8px;transition:transform .5s ease}.languages-icon-container span:hover{transform:scale(1.5);opacity:1;transition:transform .5s ease}.about-me{margin-top:10%}#contact{margin-top:10%;text-align:center;display:flex;flex-direction:row}#contact i{font-size:3em;color:#7569c7;transition:transform .5s ease}#contact i:hover{transform:scale(1.2)}.about-me{margin-top:5%;padding:20px;background-image:linear-gradient(to top,#1b1e2b 70%,transparent),conic-gradient(from 180deg,#2b1d7c,#353555,#975ddad7,#2e2eb4,#0b052e);height:fit-content;border-radius:10px;width:100%;text-align:center;box-shadow:0 4px 8px #0003}.aboutme-icon h1{text-align:center;font-size:3rem;margin-bottom:10px;font-weight:700}.aboutme-text{margin-bottom:15px;text-align:left;color:#f1f1f1;margin-top:5%}.aboutme-text h2{font-size:1.5rem;margin-bottom:10px;color:#fff}.aboutme-text p{font-size:1rem;line-height:1.6;color:#d3d3d3}.Calistenics-text{display:flex}.aboutme-text{max-width:600px;margin:20px auto;padding:20px}.wrapped-image{float:left;margin-right:15px;margin-bottom:10px;width:100px;max-width:300px;max-height:300px;height:auto}.wrapped-image2{float:right;margin-left:15px;margin-bottom:10px;width:300px;height:auto}.aboutme-text p{text-align:justify}footer{text-align:center;padding:10px;position:sticky;bottom:0;left:0;width:100%;transition:opacity .3s ease-in-out;opacity:1}span.hidden{opacity:0;transform:translate(-70%);transition:opacity 3s ease-in-out,transform 3s ease-in-out}span.show{opacity:1;color:#bfbfbf;transform:translate(0)}footer.hidden{opacity:0}