.footer{padding:20px;background:radial-gradient(ellipse,#fffc,#ffffffb3,#fff0 50%);background-position:center;background-repeat:no-repeat;background-size:450px 170px}.footer .icons{display:flex;justify-content:center}.footer .footerIcon{fill:var(--link);height:20px;width:30px;transition:.3s}.footer a:hover .footerIcon{fill:var(--link-hover)}.footer .footerText{color:var(--link);text-align:center}:root{--text: black;--highlight-text: white;--link: rgb(255, 121, 144);--link-hover: rgb(255, 57, 90);--date-color: gray;--heading-font-size: 50px;--title-font-size: 35px;--body-font-size: 18px;--mobile-heading-font-size: 30px;--mobile-title-font-size: 20px;--mobile-body-font-size: 15px}html{scroll-behavior:smooth}h1{text-align:center;font-size:50px;font-size:var(--heading-font-size);margin:0}body{margin:0;position:relative;font-family:sans-serif}a{color:#ff7990;color:var(--link);-webkit-text-decoration:none;text-decoration:none;position:relative;transition:all .2s ease-in-out 0s}a:hover{color:#ff395a;color:var(--link-hover)}.app{position:relative;min-height:100vh;background-image:url(/background.png);background-repeat:repeat;background-position:0 0;background-size:100vw}.profileContainer{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh}.profileContainer .profileCircle{width:80vmin;height:80vmin;border-radius:50%;overflow:hidden;position:relative;transform-origin:center center;will-change:transform;cursor:pointer;transition:transform .3s ease}.profileContainer .profileCircle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .5s ease}.profileContainer .profileCircle:hover:after,.profileContainer .profileCircle.show-overlay:after{opacity:1}.profileContainer .profileImage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:auto}.profileContainer .profileText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;color:var(--highlight-text);font-size:250%;text-align:center;pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:4;display:flex;align-items:center;flex-direction:column;gap:15px}.profileContainer .profileCircle:hover .profileText,.profileContainer .profileCircle.show-overlay .profileText{opacity:1}.profileContainer .bounce-icon{animation:simple-bounce 1.5s ease-in-out infinite}.about{scroll-margin-top:80px}.introBody{padding:20px}@keyframes simple-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media only screen and (max-width: 800px){h1{font-size:30px;font-size:var(--mobile-heading-font-size)}.introBody{padding:2%}}section#experience .card,section#projects .card,section#about .card{display:flex;flex-direction:column;align-items:center;border-radius:50px;box-shadow:0 8px 25px #00000026,0 4px 10px #0000001a;margin:40px 10% 80px;border:1px solid rgba(0,0,0,.1);background:#fff}section#experience .card .insetCard,section#projects .card .insetCard,section#about .card .insetCard{box-shadow:inset 0 6px 20px #00000026;border-radius:20px;margin:30px 20px;padding:30px 50px 50px}section#experience .card .logo,section#projects .card .logo,section#about .card .logo{display:flex;justify-content:center;align-items:center;margin:10px auto 0}section#experience .card .logo img,section#projects .card .logo img,section#about .card .logo img{width:auto;height:100px}section#experience .card .cardContent,section#projects .card .cardContent,section#about .card .cardContent{margin:20px}section#experience .card .title,section#projects .card .title,section#about .card .title{text-align:left;font-size:var(--title-font-size);margin-bottom:20px}section#experience .card .titleDate,section#projects .card .titleDate,section#about .card .titleDate{display:flex;justify-content:space-between;align-items:center;font-size:var(--title-font-size)}section#experience .card .titleDate .title,section#projects .card .titleDate .title,section#about .card .titleDate .title{margin-right:20px}section#experience .card .titleDate .date,section#projects .card .titleDate .date,section#about .card .titleDate .date{color:var(--date-color);font-size:var(--body-font-size);text-align:right;margin-left:auto;min-width:150px}section#experience .card .body,section#projects .card .body,section#about .card .body{text-align:left;font-size:var(--body-font-size)}section#experience .card .body i,section#projects .card .body i,section#about .card .body i{color:var(--date-color)}section#experience .card .body p:last-child{margin-bottom:0}section#projects .card .body p:last-child{margin-bottom:0}section#about .card .body p:last-child{margin-bottom:0}@media only screen and (max-width: 800px){section#experience .card,section#projects .card,section#about .card{margin:40px 4% 50px}section#experience .card .insetCard,section#projects .card .insetCard,section#about .card .insetCard{margin:30px 1px;padding:15px 20px 25px}section#experience .card .logo,section#projects .card .logo,section#about .card .logo{margin-top:5px}section#experience .card .logo img,section#projects .card .logo img,section#about .card .logo img{height:65px}section#experience .card .cardContent,section#projects .card .cardContent,section#about .card .cardContent{margin:2%}section#experience .card .title,section#projects .card .title,section#about .card .title{font-size:var(--mobile-title-font-size)}section#experience .card .titleDate .title,section#projects .card .titleDate .title,section#about .card .titleDate .title{margin-right:10px}section#experience .card .titleDate .date,section#projects .card .titleDate .date,section#about .card .titleDate .date{font-size:var(--mobile-body-font-size);min-width:55px}section#experience .card .body,section#projects .card .body,section#about .card .body{font-size:var(--mobile-body-font-size)}}