body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}link[rel*=icon]{border-radius:50%}main{position:relative}.side-icons{position:fixed;display:inline-flex;flex-direction:column;align-items:center;bottom:10vh;right:0;padding:24px 8px}.d-f{display:flex}.section-title{font-size:32px;font-weight:700;color:#fff;text-align:center}.main-section{display:flex;background-color:#000;color:#fff}.main-section .main-image-container{width:50%;height:90vh}.main-section .main-image{background:url(/komlraj/_next/static/media/main-image.94f336f3.webp);filter:blur(0) brightness(.5) contrast(1.15);height:100%;width:100%;background-position:0;background-repeat:no-repeat;background-size:contain;background-attachment:fixed}.main-section .main-image,.main-section .main-text{display:flex;justify-content:center;align-items:center}.main-section .main-text{width:50%;height:90vh;flex-direction:column;text-align:center;padding:0 3%}.main-section .name-text-box{display:flex;flex-direction:column;align-items:center}.main-section .name-text-box .name{font-size:48px;font-weight:700;margin-bottom:8px}.main-section .name-text-box .designation{font-size:28px;font-weight:700;opacity:.85}.main-section .reach-out-button{background:linear-gradient(to bottom right,#1c3a2d,#3f6d59 62%,#04874e);color:#fff;outline:none;padding:8px 48px;font-size:20px;font-weight:700;margin-top:32px;text-decoration:none;border-radius:8px}.main-section .reach-out-button .arrow-icon{margin-left:8px;color:#fff;font-size:20px;animation:pulse 2s ease-out;animation-iteration-count:infinite}@keyframes pulse{0%{opacity:.3}25%{opacity:.5;transform:translateY(5px)}50%{opacity:1;transform:translateY(10px)}75%{opacity:.7;transform:translateY(5px)}to{opacity:.5}}.about-me-section{background:#19402f;color:#fff;padding:10%;display:flex;justify-content:center;align-items:center;gap:10%}.about-me-section .about-text-section{width:50%}.about-me-section .about-text-section .about-me-title{font-size:32px;font-weight:700;margin-bottom:16px}.about-me-section .about-text-section .about-me-text{font-size:24px;font-weight:500;line-height:1.4}@media(max-width:800px){.main-section{flex-direction:column-reverse}.main-section .main-image-container,.main-section .main-text{width:100%;height:50vh}.main-section .name-text-box{padding:0 10%;text-align:center}.about-me-section{flex-direction:column-reverse}.about-me-section .about-text-section{margin-top:5vh;width:90%}.about-me-section .about-me-title{display:none}}.about-image-container{min-width:300px;min-height:300px;height:35vw;width:35vw;max-width:500px;max-height:500px}.about-image-container .about-image{background:url(/komlraj/_next/static/media/komal.c8cb5204.jpeg) 50% no-repeat;height:100%;width:100%;background-position:top;background-size:cover;border-radius:50%}.skill-section{padding:12vh 10%;background:#000;color:#fff}.skill-section .skills{width:80%;margin:0 auto}.skill-section .skills .skill-card-wrapper{display:flex;justify-content:center;gap:2%;flex-wrap:wrap;margin-top:5vh}.skill-section .skills .skill-card{display:inline-flex;justify-content:space-between;align-items:center;flex-direction:column;width:25%;max-width:200px;min-width:150px;font-size:20px;font-weight:600;background-color:#fff;color:#000;padding:16px 8px;border-radius:4px;margin-top:16px}.skill-section .skills .skill-card img,.skill-section .skills .skill-card svg{height:64px;width:64px;margin-bottom:8px}.skill-section .skills .exploring-text{font-size:24px;font-weight:600;text-align:center}.skill-section .skills .exploring-desc{text-align:center;line-height:1.4;font-size:16px;margin-bottom:32px}.skill-section .exploring-skills{width:80%;margin:150px auto 50px}.skill-section .exploring-skills .ex-skill-card-wrapper{display:flex;justify-content:center;gap:2%;flex-wrap:wrap}.skill-section .exploring-skills .ex-skill-card{display:inline-flex;justify-content:space-between;align-items:center;flex-direction:column;width:15%;max-width:200px;min-width:150px;font-size:20px;font-weight:600;color:#000;background-color:#6dc8a0;padding:16px 8px;border-radius:4px;margin-top:16px}.skill-section .exploring-skills .ex-skill-card img,.skill-section .exploring-skills .ex-skill-card svg{height:32px;width:32px;color:#000}.skill-section .exploring-skills .exploring-text{font-size:24px;font-weight:600;text-align:center}.skill-section .exploring-skills .exploring-desc{text-align:center;line-height:1.4;font-size:16px;margin-bottom:32px}.skill-section .skill-text{font-size:18px;font-weight:500;line-height:1.2}.skill-section .container{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-section .svg-container{padding:0;height:300px;border-radius:8px;transform:scale(1.5)}.skill-section .svg-frame{border-radius:8px}.skill-section #alphabet-l{display:inline-block;width:300px;height:300px}.skill-section .l{background-color:#73ffe7}@media(max-width:1148px){.skill-section .hw-pos{top:50%}.skill-section .hexa-wrapper-2{justify-content:space-around}.skill-section .hexa-m-l{margin-left:6vw}}.experience-section{background-color:#0e0d0d;position:relative;min-height:100vh;overflow:hidden}.experience-container{position:relative;display:flex;color:#fff;padding:12vh 5%;min-height:100vh;width:100%}.experience-container .left-panel{position:relative;max-width:45vw;padding-right:5%;background-color:#0e0d0d;z-index:2;max-height:100vh;overflow-y:auto;flex-shrink:0}.experience-container .left-panel .year-markers{list-style:none;padding:0;margin-top:5vh;margin-bottom:5vh}.experience-container .left-panel .year-markers .year-marker{padding:15px 0;transition:all .5s ease;opacity:.4}.experience-container .left-panel .year-markers .year-marker.active{opacity:1;color:#6dc8a0}.experience-container .left-panel .year-markers .year-marker .year-content h4{margin:6px 0;font-size:18px}.experience-container .left-panel .year-markers .year-marker .year-content h5{margin:0;font-size:16px}.experience-container .left-panel .year-markers .year-marker .year-content h5 a{color:#fff;text-decoration:none;opacity:.8}.experience-container .left-panel .year-markers .year-marker .year-content h5 a:hover{opacity:1}.experience-container .right-panel{width:60vw;max-width:60vw;min-height:100vh;display:flex;flex-direction:column;gap:20vh;padding-left:5%;flex-grow:1}.experience-container .right-panel .experience-details{margin:15vh 0;display:flex;flex-direction:column;align-items:center}.experience-container .right-panel .experience-details ul{list-style:disc;padding:0;margin:0;width:80%}.experience-container .right-panel .experience-details ul li{margin-bottom:16px;line-height:1.4;font-size:16px}.experience-container .right-panel .experience-details ul li strong{display:block;margin-bottom:4px;color:#6dc8a0}.experience-container .right-panel .experience-details:first-child{margin-top:25vh}@media(max-width:800px){.experience-container{flex-direction:column}.experience-container .left-panel,.experience-container .right-panel{width:100%;padding:5%}}.education-section{margin:0 auto;display:flex;padding:12vh 10%;background-color:#0e0d0d;color:#fff}.education-section .title-with-line{display:inline-block;padding:20px 10% 0 0;width:140%;text-align:left}.education-section .title-with-line .bottom-line{display:flex;align-items:center;margin-top:8px}.education-section .title-with-line .small-line{display:inline-block;width:20%;height:4px;background-color:#fff}.education-section .title-with-line .big-line{display:inline-block;width:80%;height:1px;background-color:#fff}.education-section .education-card-wrapper{margin-left:20%}.education-section .education-card{position:relative;max-width:800px;width:100%;padding:36px 0;align-items:baseline}.education-section .education-card .education-title{text-transform:uppercase;color:#fff;margin:10px 0}.education-section .education-card .education-institute{color:#fff;margin:0 0 16px}.education-section .education-details h5{margin:12px 0 18px;font-size:16px}.education-section .education-details h5 a{text-decoration:none;color:#fff;opacity:.8}.education-section .education-details li{font-size:16px;line-height:1.3;margin-bottom:8px}.education-section .education-details li strong{font-weight:600}@media(max-width:800px){.education-section{flex-direction:column}.title-with-line{width:80%}.education-card-wrapper{margin-left:0}}.contact-section{@import"https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600";font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:300;font-size:12px;line-height:20px;color:#777;background-color:#232323;background-image:url(https://images.unsplash.com/photo-1467241850596-6a0de48568da?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80);background-size:cover}.contact-section .container{max-width:500px;width:100%;margin:0 auto;position:relative;padding:80px 0}.contact-section #contact button[type=submit],.contact-section #contact input[type=email],.contact-section #contact input[type=tel],.contact-section #contact input[type=text],.contact-section #contact input[type=url],.contact-section #contact textarea{font:400 12px/16px Open Sans,Helvetica,Arial,sans-serif}.contact-section #contact{background:#f9f9f9;padding:25px;border-radius:4px}.contact-section #contact h3{color:#000;display:block;font-size:30px;font-weight:400;margin:0 0 18px}.contact-section #contact h4{margin:5px 0 15px;display:block;font-size:13px}.contact-section fieldset{border:none!important;margin:0 0 10px;padding:0;max-width:100%}.contact-section #contact input[type=email],.contact-section #contact input[type=tel],.contact-section #contact input[type=text],.contact-section #contact input[type=url],.contact-section #contact textarea{width:93%;border:1px solid #ccc;background:#fff;margin:0 0 5px;padding:10px}.contact-section #contact input[type=email]:hover,.contact-section #contact input[type=tel]:hover,.contact-section #contact input[type=text]:hover,.contact-section #contact input[type=url]:hover,.contact-section #contact textarea:hover{transition:border-color .3s ease-in-out;border:1px solid #aaa}.contact-section #contact textarea{height:100px;max-width:100%;resize:none}.contact-section #contact button[type=submit]{cursor:pointer;width:100%;border:none;background:#000;color:#fff;margin:0 0 5px;padding:25px 10px;font-size:15px;text-transform:uppercase}.contact-section #contact button[type=submit]:hover{background:#19402f;transition:background-color .3s ease-in-out}.contact-section #contact button[type=submit]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.contact-section #contact input:focus,.contact-section #contact textarea:focus{outline:0;border:1px solid #999}.contact-section ::-webkit-input-placeholder{color:#888}.contact-section :-moz-placeholder,.contact-section ::-moz-placeholder{color:#888}.contact-section :-ms-input-placeholder{color:#888}.contact-section .error{color:darkred;padding-left:10px;font-weight:600}.contact-section input.error{border-color:darkred!important}.footer{padding:12vh 10% 6vh;display:flex;justify-content:space-between;color:#fff;background-color:#000}.icon-link{color:inherit}.icon-link .twitter svg{fill:#6dc8a0}.icon-link .linkedin{margin:0 20px}.icon-link .github svg,.icon-link .linkedin svg{fill:#6dc8a0}