@import"https://fonts.googleapis.com/css?family=Outfit";.navbar{width:100%;height:72px;margin:0;background-color:transparent;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;z-index:1000}.nav-left{margin-left:26px}.nav-right{margin-right:20px}.nav-list{list-style-type:none;margin:0;padding:0}.nav-list li{display:inline;margin-right:22px;font-size:20px}.nav-list li.active a{color:#ff6d83}.nav-list li a{color:#000;text-decoration:none}.nav-list li a:hover,li.link-selected{color:#ff6d83}body{margin:0;font-family:Outfit}.main{justify-content:center;align-items:center;display:flex;flex-direction:column;margin-bottom:100px}.socials-outer{display:flex;align-items:center;justify-content:center}.socials{display:flex;align-items:center;justify-content:space-between;width:20%}.about{text-align:center;margin-top:60px}.name{font-size:14px}.name h1:hover{color:pink;cursor:default}.description{margin-top:50px;display:flex}.photo{height:380px;width:380px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;object-position:center}.bio{height:380px;width:380px;padding:0 0 0 40px;display:flex;align-items:center;justify-content:center}.bio p{line-height:2.4rem;text-align:left;font-size:16px}.experience{margin-top:100px}.icon:hover{color:pink}.mainCard{border-radius:10px;width:700px;height:auto;padding:24px;margin:10px}.mainCard:hover{background-color:#f6f6f6}.job-title{font-size:16px}.job-duration{font-size:14px;color:gray}.job-tools{margin:0 20px 20px}.job-desc{font-size:14px}.tool-bubbles{display:flex;gap:10px}.tool-bubble{background-color:pink;border-radius:10px;padding:1px 10px 0;font-size:14px}.job-desc{margin:0 20px}.experience-title{justify-content:center;align-items:center;display:flex;font-weight:700;font-size:26px}.experience-title:hover{color:pink}.experience{justify-content:center;align-items:center;margin:40px}.card-top{display:flex;justify-content:space-between;margin:0 20px}.project-card{width:380px;height:auto;border-radius:10px;padding:16px;margin:10px}.project-card:hover{background-color:#f6f6f6}.project-title{font-size:16px}.project-tools{margin:0 20px 20px}.tool-bubbles{display:flex;gap:10px;flex-wrap:wrap}.tool-bubble{background-color:pink;border-radius:10px;padding:1px 10px 0;width:auto;font-size:14px}.project-desc{margin:0 20px 10px;font-size:14px}.project-demo{margin:0 20px;position:relative;z-index:1}.project-demo img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:none;justify-content:center;align-items:center}.project-demo:hover .image-overlay{display:flex}.goto{top:10px;right:10px;position:absolute;width:20px}.projects-title{justify-content:center;align-items:center;display:flex;font-size:26px;font-weight:700}.projects-title:hover{color:pink}.projects{justify-content:center;align-items:center;display:flex;margin:40px;flex-wrap:wrap}.video{width:100%;height:auto}.resume{position:fixed;bottom:1.8rem;right:1.8rem;width:140px;height:40px;border-radius:30px;background-color:pink;border:none;cursor:pointer;align-items:center;justify-content:center;display:flex;box-shadow:0 0 10px #7491c5;animation:pulsate-shadow 1.5s infinite alternate;z-index:10000}.resume img{max-width:16px;margin-left:5px}.resume div{color:#fff;font-size:18px;margin-right:5px}@keyframes pulsate-shadow{0%{box-shadow:0 0 1px #7491c5}to{box-shadow:0 0 20px #7491c5}}