.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{height:20px;width:30px}.footer .footerText{color:var(--link);text-align:center}:root{--text: black;--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}body{margin:0;position:relative;font-family:sans-serif}h1{text-align:center;font-size:50px;font-size:var(--heading-font-size);margin:15px 0 30px}a{color:#ff7990;color:var(--link);-webkit-text-decoration:none;text-decoration:none;position:relative;transition:all .2s ease-in-out}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{width:100%;height:100%}.profileCircle{width:80vmin;height:80vmin;max-width:400px;max-height:400px;border-radius:50%;overflow:hidden;position:relative;margin:0 auto}.profileImage{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aboutContainer{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:40px;box-sizing:border-box;padding:0 20px}.experienceContainer{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:40px;max-width:1200px;margin:0 auto;box-sizing:border-box}.about{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px 0;box-sizing:border-box}.aboutText{flex:1}.aboutImage{display:flex;justify-content:center;align-items:center;align-self:center}.experienceLogo{flex:0 0 200px;align-self:center;display:flex;justify-content:center;align-items:center}.experienceLogo img{max-width:150px;max-height:150px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.experienceText{flex:1;display:flex;flex-direction:column;min-width:0}@media(max-width:900px){.app{background-position:0 0}.aboutContainer,.experienceContainer{flex-direction:column;align-items:center;gap:10px}.aboutContainer{width:100%;max-width:100%}.aboutText,.aboutImage,.experienceLogo,.experienceText{flex:1 1 100%;max-width:100%;min-height:auto;width:100%;padding:0 1px;box-sizing:border-box}.experienceLogo{flex:0 0 auto}.aboutImage{order:-1;margin:0 auto 10px}.experienceText{padding:0}.about .profileCircle{max-width:100%;height:auto;aspect-ratio:1/1}h1{font-size:30px;font-size:var(--mobile-heading-font-size)}}.footerIcon{fill:#ff7990;fill:var(--link);transition:fill .3s ease}a:hover .footerIcon{fill:#ff395a;fill:var(--link-hover)}.about{scroll-margin-top:80px;padding-top:50px}@media(min-width:901px){.about{padding-top:0}}.section#about .card .insetCard{box-shadow:none}.about .icons{display:flex;justify-content:center;gap:15px;margin-top:10px;padding:0 20px}.about .footerIcon{height:24px;width:36px}.about .profileContainer{min-height:auto;width:100%}.about .profileCircle{width:min(300px,75vw);height:min(300px,75vw);max-width:100%}@media(max-width:900px){#about.about{padding-top:20px}.about .icons{gap:5px}}section#experience .card,section#projects .card,section#about .card{display:flex;flex-direction:column;align-items:center;margin:40px auto 80px;padding:0;border:1px solid rgba(0,0,0,.1);max-width:90%;border-radius:50px;box-shadow:0 8px 25px #00000026,0 4px 10px #0000001a}section#experience .card .insetCard,section#projects .card .insetCard,section#about .card .insetCard{border-radius:20px;margin:30px 20px;padding:30px 30px 50px 15px;flex:1;display:flex;flex-direction:column;box-shadow:inset 0 6px 20px #00000026}section#experience .card .logo,section#projects .card .logo,section#about .card .logo{display:flex;justify-content:center;align-items:center;margin:10px 0 0;width:100%}section#experience .card .logo img,section#projects .card .logo img,section#about .card .logo img{width:150px;height:auto}section#experience .card .experienceContainer,section#projects .card .experienceContainer,section#about .card .experienceContainer{display:flex;align-items:flex-start;gap:10px;flex:1}section#experience .card .experienceLogo,section#projects .card .experienceLogo,section#about .card .experienceLogo{width:20%;flex-shrink:0;display:flex;justify-content:center;align-items:center}section#experience .card .experienceText,section#projects .card .experienceText,section#about .card .experienceText{width:80%;flex-shrink:0;min-height:120px}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;align-items:center}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)}@media only screen and (max-width:900px){section#experience .card,section#projects .card,section#about .card{margin:40px 4% 50px;padding:1%}section#experience .card .insetCard,section#projects .card .insetCard,section#about .card .insetCard{margin:30px 1px;padding:15px 20px 25px;min-height:200px}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{width:auto;height:65px}section#experience .card .experienceContainer,section#projects .card .experienceContainer,section#about .card .experienceContainer{flex-direction:column;align-items:center;gap:20px}section#experience .card .experienceLogo,section#projects .card .experienceLogo,section#about .card .experienceLogo{width:100px}section#experience .card .experienceText,section#projects .card .experienceText,section#about .card .experienceText{width:100%;text-align:center}section#experience .card .title,section#projects .card .title,section#about .card .title{font-size:var(--mobile-title-font-size)}section#experience .card .titleDate,section#projects .card .titleDate,section#about .card .titleDate{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}section#experience .card .titleDate .title,section#projects .card .titleDate .title,section#about .card .titleDate .title{margin-right:20px;text-align:left;align-items:center}section#experience .card .titleDate .date,section#projects .card .titleDate .date,section#about .card .titleDate .date{font-size:var(--mobile-body-font-size);min-width:auto;text-align:right;margin-left:auto}section#experience .card .body,section#projects .card .body,section#about .card .body{font-size:var(--mobile-body-font-size)}}section#projects .card{margin:40px auto}section#about .card{margin:0 auto}