@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&display=swap";.background-image{position:absolute;top:0;left:0;width:100%;height:80%;min-height:900px;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1;background-image:url(/assets/wallpaper--9k9HTxy.jpg);filter:grayscale(30%) opacity(60%) saturate(90%)}@media (max-width: 750px){.background-image{max-height:800px;min-height:700px}}nav{position:fixed;width:100%;margin:0 auto;top:0;left:0;transform:none;height:90px;display:grid;grid-template-areas:"logo nav";text-decoration:none;z-index:1000;color:#eee;background:linear-gradient(to bottom,#121212b3,#12121200 90%)}.pab{height:30px;width:40px}.title{grid-area:logo;font-size:38px;float:left;padding-left:10%;padding-top:18px}.hamburger-icon{grid-area:nav;display:block;cursor:pointer;justify-self:end;padding-right:12%;padding-top:30px}.line{width:30px;height:4px;background-color:#ddd;margin:6px 0;transition:.4s}.line.open:nth-child(1){transform:rotate(-45deg) translate(-8px,6px)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:rotate(45deg) translate(-8px,-6px)}.pagelinks{font-family:Montserrat,sans-serif;display:none;grid-area:nav;grid-template-columns:repeat(4,auto);align-items:center;justify-items:center;font-size:18px;text-decoration:none}.pagelinks.open{display:flex;flex-direction:column;position:absolute;top:80px;right:10px;padding:40px;background-color:#121212;border:1px solid #222;box-shadow:0 2px 5px #0000001a}.pagelinks.open a{font-family:Montserrat,sans-serif;margin-bottom:20px;font-size:28px;color:#ddd;background-color:#121212;text-decoration:none}@media (min-width: 750px){.pagelinks{display:grid}.hamburger-icon{display:none}}html{height:100%}#root{width:100%;overflow-x:hidden}body{font-family:Montserrat,sans-serif;background-color:#121212;color:#eee;width:100%;height:100%;overflow-x:hidden;margin:0;padding:0}h3{margin-top:80px}::selection{background-color:#77777780}.text-wrapper{padding:0}.chapter-wrapper{text-align:center}.chapter-header{margin:0 auto 50px;font-weight:800;font-size:35px;text-align:left;max-width:600px}.chapter-content{font-size:15px;text-align:left;margin:0 auto;max-width:600px}a{text-decoration:none;transition:all .2s ease-in-out}a:hover{cursor:pointer;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.theme-font{font-family:Caveat,cursive}.intro-font,.header-font{font-family:Playfair Display,serif}.content-font{font-family:Montserrat,sans-serif}.theme-color{color:#0006}.mellow-color{color:#aaa}button:hover{transform:scale(1.05)}button{background-color:#222;color:#ddd;border:1px solid #777;padding:12px 20px;border-radius:4px;cursor:pointer;transition:transform .3s ease}img{position:relative;border:0px solid #293145}@media (max-width: 750px){.chapter-wrapper{margin-top:200px;text-align:center}.chapter-header{text-align:center}.text-wrapper{padding:0 30px}}.introduction{text-align:left;padding:2% 25% 0% 15%;margin-top:300px;position:relative;max-width:800px}.name{padding-top:15%;padding-bottom:50px;font-size:48px}.arrow-down{animation:fadeInOut 3s ease-in-out infinite;position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;width:60px;height:60px;cursor:pointer;margin:100px 0 350px;filter:grayscale(0%) opacity(80%) saturate(50%)}@keyframes fadeInOut{0%,40%,60%,to{opacity:1}50%{opacity:0}}@media (max-width: 750px){.introduction{margin-top:100px}.name{font-size:30px}}.fade-in-out-section{opacity:0;visibility:hidden;transition:opacity 1s ease-out,visibility 0s linear 1s;will-change:opacity,visibility}.fade-in-out-section.is-visible{opacity:1;visibility:visible;transition-delay:0s}#experience{margin-top:150px}.experience-list{position:relative;margin:20px 0;width:100%}.experience-container{display:flex;align-items:flex-start;position:relative;margin:0 auto 30px;width:40%;max-width:650px}.timeline-container{margin-top:10px;margin-right:30px;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:5px;height:5px;background-color:#fcc86c;border-radius:50%;box-shadow:0 0 10px #fcc86c99,0 0 20px #fcc86c66,0 0 30px #fcc86c33;animation:glow 1.5s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #fcc86c66,0 0 20px #fcc86c33,0 0 30px #fcc86c00}to{box-shadow:0 0 10px #fcc86ccc,0 0 20px #fcc86c99,0 0 30px #fcc86c66}}.timeline-vertical-line{margin-top:25px;position:absolute;top:12px;width:2px;background:linear-gradient(to bottom,#fcc86c,#fcc86c00);flex-grow:1;height:85%}.experience-details{text-align:left;width:80%;transition:transform .3s ease}.experience-details:hover{transform:scale(1.02)}.job-title{font-weight:700;font-size:24px}.company-name{font-size:19px;padding-top:5px}.description{margin-top:8px;max-width:600px}@media (max-width: 750px){.experience-item{flex-direction:column}.experience-container{margin:0 auto 30px;width:90%}.job-title{font-size:19px}.company-name{font-size:16px}.description{font-size:15px}}.rating-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:20px;width:70%;margin:200px auto 50px}.rating-pic{filter:grayscale(50%)}.rating-cell{text-align:center}.rating-cell img{width:20px;height:auto;display:block}@media (max-width: 750px){.rating-grid{grid-template-columns:repeat(2,1fr)}}.star-row{display:flex;gap:5px;justify-content:center;align-items:center;margin:20px 0}.star{animation:jump 1s infinite ease-in-out}.star-0{animation-delay:.2s}.star-1{animation-delay:.1s}.star-2{animation-delay:.25s}.star-3{animation-delay:0s}.star-4{animation-delay:.15s}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}#skills{margin-top:150px}.skills{text-align:justify}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;max-width:760px;margin:50px auto 0}.skill-cell{background-color:#2d2d2d;border-radius:15%;width:180px;height:180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.skill-cell:hover{transform:scale(1.05)}.skill-name{width:100%;padding-top:20px;text-align:center}.skill-grid img{height:80px;filter:grayscale(60%)}@media (max-width: 950px){.skill-grid{grid-template-columns:repeat(2,1fr);max-width:410px}}@media (max-width: 750px){.skills{text-align:justify}.skill-grid{max-width:280px}.skill-cell{width:140px;height:140px}.skill-grid img{height:50px}}#about{margin-top:500px}.about{text-align:justify}@media (max-width: 750px){#about{margin-top:450px}}.profile_picture{filter:grayscale(0%) opacity(80%) saturate(70%);width:150px;height:150px;position:relative;margin:80px auto 40px;border-radius:50%;box-shadow:0 0 0 2px #00000080}#contact{margin-top:150px}.contact-header{font-weight:bolder;font-size:45px;margin-top:50px;padding-bottom:20px;text-align:center}.contact-content{margin:0 auto;text-align:center;padding-bottom:100px}footer{text-align:center;width:100%;height:50px;margin:0 auto;padding:20px 0}@media (max-width: 750px){footer{font-size:12px}}.wrapper{height:100%}.contact-form{width:30%;max-width:600px;margin:0 auto;border-radius:5px;background-color:#333;border:1px solid #192135;padding:20px 20px 60px}.contact-form-header{margin-top:160px;margin-bottom:20px;font-size:35px;text-align:center}.send-btn{float:right;margin-right:20px}.go-back-btn{float:left;margin-left:20px}.separator-block-2{margin-top:180px;margin-bottom:180px}.form-input{font-family:Montserrat,sans-serif;font-size:15px;color:#000;background-color:#eee;width:100%;padding:12px;border:1px solid #192135;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;transition:border-color .3s,box-shadow .3s;resize:vertical}.form-input:focus{border-color:#565;outline:none;box-shadow:inset 0 1px 1px #00000013,0 0 8px #565556cc}@media (max-width: 1400px){.contact-form{min-width:400px}}@media (max-width: 750px){.contact-form-header{margin-top:100px;font-size:25px}.contact-form{width:90%;max-width:400px;min-width:unset;padding:10px 10px 50px}}.not-found{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1}