.header{display:flex;flex-direction:row;justify-content:space-between;gap:20px}.header .logo{font-size:30px}.iconNavigation{display:none}.navigation{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}@media(max-width:810px){.navigation{display:none}.iconNavigation{display:inherit}}.footer{animation:fadeIn 1.7s ease forwards}.projects .projectsCardContainer{display:flex;flex-direction:column;gap:20px}.projects .projectsCardContainer .projectCard{margin-top:20px;padding:20px;position:relative;transition:box-shadow .3s ease-in-out}@media(max-width:780px){.projects .projectsCardContainer .projectCard{padding:0;margin:0}}.projects .projectsCardContainer .projectCard:hover{box-shadow:0 4px 8px 4px #0000004d!important}.projects .projectsCardContainer .projectCard.left .projectCardCarousel,.projects .projectsCardContainer .projectCard.right .projectCardCarousel{opacity:0;animation:fadeIn .7s ease forwards;animation-delay:.5s}.projects .projectsCardContainer .projectCard.left{animation:fromLeftToCenter .5s ease forwards}.projects .projectsCardContainer .projectCard.right{animation:fromRightToCenter .5s ease forwards}@media(min-width:780px){.projects .projectsCardContainer .projectCard .projectCardHeader.left{text-align:right}}.projects .projectsCardContainer .projectCard .projectCardHeader.right{left:left}.projects .projectsCardContainer .projectCard .projectCardContent .projectCardDescription{text-align:justify}.projects .projectsCardContainer .projectCard .projectCardContent .projectCardCarousel{transition:transform .5s ease}@media(min-width:780px){.projects .projectsCardContainer .projectCard .projectCardContent .projectCardCarousel.right{margin-top:-60px;float:right;margin-left:30px}.projects .projectsCardContainer .projectCard .projectCardContent .projectCardCarousel.left{margin-top:-60px;float:left;margin-right:30px}}.projects .projectsCardContainer .projectCard .projectCardContent .projectCardCarousel:hover{transform:scale(1.15)}.projects .projectsCardContainer .projectCard .collapseCard.left{text-align:right}.projects .projectsCardContainer .projectCard .collapseCard.right{text-align:left}.experienceCard{display:flex;flex-direction:row;gap:15px}@media(max-width:780px){.experienceCard{flex-wrap:wrap}}.experienceCard .coursesCard{animation:fadeIn 1.7s ease forwards}.experienceCard .coursesCard .courses{margin-top:15px;display:flex;flex-direction:column;gap:10px}.experienceCard .coursesCard .courses .course{display:flex;flex-direction:row;gap:10px;align-items:center}@media(min-width:780px){.experienceCard .skillsCard{width:520px}}.experienceCard .skillsCard .skillsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.experienceCard .skillsCard .skill{cursor:help}.skillTooltipText{max-width:260px;font-size:.88rem!important;line-height:1.45!important}.aboutCard .aboutImage{width:280px;margin:0 10px 10px}@media(min-width:780px){.aboutCard .aboutImage{float:right}}.aboutCard .aboutTypo{text-align:justify}@keyframes fromLeftToCenter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fromRightToCenter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1.5}to{rotate:360deg}}.gradient-card{position:relative}.gradient-card:after{background:linear-gradient(transparent,mediumslateblue,transparent);height:70px;width:1px;position:absolute;left:1px;top:65%;content:"";transition:top .6s ease,opacity .6s ease}.gradient-card:after{top:65%;opacity:0}.gradient-card:hover:after{top:25%;opacity:1}#follow-cursor-background-effect{background:linear-gradient(to right,#7fffd4,#9370db);height:200px;aspect-ratio:1;position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;animation:rotate 20s infinite;filter:blur(100px)}.star-animation-container .star{position:absolute;z-index:2;color:#fff;font-size:1rem;animation-duration:1.5s;animation-fill-mode:forwards;pointer-events:none}@keyframes fall-1{0%{transform:translate(0) rotateX(45deg) rotateY(30deg) rotate(0) scale(.25);opacity:0}5%{transform:translate(10px,-10px) rotateX(45deg) rotateY(30deg) rotate(0) scale(1);opacity:1}to{transform:translate(25px,200px) rotateX(180deg) rotateY(270deg) rotate(90deg) scale(1);opacity:0}}@keyframes fall-2{0%{transform:translate(0) rotateX(-20deg) rotateY(10deg) scale(.25);opacity:0}10%{transform:translate(-10px,-5px) rotateX(-20deg) rotateY(10deg) scale(1);opacity:1}to{transform:translate(-10px,160px) rotateX(-90deg) rotateY(45deg) scale(.25);opacity:0}}@keyframes fall-3{0%{transform:translate(0) rotateX(0) rotateY(45deg) scale(.5);opacity:0}15%{transform:translate(7px,5px) rotateX(0) rotateY(45deg) scale(1);opacity:1}to{transform:translate(20px,120px) rotateX(-180deg) rotateY(-90deg) scale(.5);opacity:0}}.container{display:flex;flex-direction:column;gap:20px}.MuiCard-root{box-shadow:2px 2px 8px #0000004d!important;margin:5px}.autoplaySwipeableCarousel{max-width:400px;display:block;overflow:hidden}.CardHeaderCenter,.cheerUpCard{text-align:center}.cheerUpCard .MuiCardHeader-root{justify-content:center}.cheerUpCard .MuiCardHeader-avatar{margin-right:8px;color:#f5b301}.cheerUpCard .cheerUpMessageFrame{max-width:760px;min-height:116px;margin:0 auto;border:1px solid rgba(128,128,128,.22);border-radius:12px;padding:clamp(22px,4vw,34px);display:flex;align-items:center;justify-content:center;background:#ffffff8a;overflow:hidden}.cheerUpCard .cheerUpMessage{max-width:660px;font-size:clamp(1.25rem,3vw,2rem);line-height:1.4;font-weight:700;animation:cheerUpMessageIn .68s cubic-bezier(.2,.8,.2,1)}.azureCloudCard{text-align:center}.azureCloudCard .azureCloudIntro{max-width:620px;margin-bottom:20px;margin-left:auto;margin-right:auto}.azureCloudCard .azureCloudDivider{margin:20px 0}.azureCloudCard .guestbookCarousel{max-width:980px;min-height:300px;margin:0 auto 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:hidden}.azureCloudCard .guestbookTrack{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;animation:guestbookSlideIn .52s cubic-bezier(.2,.8,.2,1)}.azureCloudCard .guestbookTrack.entries-1{grid-template-columns:minmax(0,360px);justify-content:center}.azureCloudCard .guestbookTrack.entries-2{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center}.azureCloudCard .guestbookBubble{min-height:250px;height:250px;border:1px solid rgba(128,128,128,.22);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;background:#ffffff94;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.azureCloudCard .guestbookBubble:hover{transform:translateY(-4px);border-color:#1976d25c;box-shadow:0 12px 28px #00000029}.azureCloudCard .guestbookStars{color:#f5b301;flex-shrink:0}.azureCloudCard .guestbookQuote{font-size:1rem;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.azureCloudCard .guestbookAuthor{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.azureCloudCard .guestbookDots{margin-top:4px}.azureCloudCard .guestbookDots button{width:10px;height:10px;border:0;border-radius:999px;background:#8080806b;cursor:pointer;padding:0;transition:width .18s ease,background .18s ease}.azureCloudCard .guestbookDots button.active{width:28px;background:#1976d2}.azureCloudCard .contactForm{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px;text-align:left}.azureCloudCard .contactForm h3{text-align:center}.azureCloudCard .contactForm .contactHoneypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}@media(max-width:800px){.azureCloudCard .guestbookCarousel{min-height:280px}.azureCloudCard .guestbookTrack{grid-template-columns:1fr;max-width:420px}.azureCloudCard .guestbookBubble{height:230px;min-height:230px}.azureCloudCard .guestbookBubble:nth-child(n+2){display:none}}@keyframes guestbookSlideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes cheerUpMessageIn{0%{opacity:0;transform:translateY(14px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
