*{background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:400;letter-spacing:.03em;line-height:normal;margin:0;padding:0;text-align:justify}*,html{scroll-behavior:smooth}body{background-color:#121212;background-color:var(--background-color);color:#707070;color:var(--font-color);transition:background-color .3s ease-in-out,color .3s ease-in-out}:root{--background-color:#121212;--font-color:#707070;--main-color:#2196f3;--button-hover-color:#2196f31a;--navbar-hover-opacity:#121212d9;--card-title-color:#fefefe;--card-hover-color:#171717}.light-theme{--background-color:#fff;--font-color:#707070;--main-color:#2196f3;--button-hover-color:#2196f31a;--navbar-hover-opacity:#ffffffd9;--card-title-color:#0e0e0e;--card-hover-color:#f5f5f5}a{text-decoration:none}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.hyperlinks,.hyperlinks a{color:#2196f3;color:var(--main-color);text-decoration:none}.hyperlinks a:hover{text-decoration:underline}.scroll-margin{padding-top:2.5%}.logo-parent{align-items:center;background-color:#121212;background-color:var(--background-color);display:flex;flex-direction:row;justify-content:space-between;margin:auto;padding:1% 4%;position:fixed;transition:all .3s ease;width:100%;z-index:100}.logo-parent.hidden{transform:translateY(-100%)}.logo-parent.scrolled-up{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212d9;background-color:var(--navbar-hover-opacity);box-shadow:0 10px 30px -10px #00000040}.logo-img{background-image:url(/static/media/logo.4bacb20098cad46d0897.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:50px;width:50px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2196f3,#00f);background:linear-gradient(90deg,var(--main-color),#00f);background-clip:text;-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:30px;font-weight:700;letter-spacing:.03em}.logo:hover{cursor:pointer}.nav-sections{font-size:18px;font-weight:500;letter-spacing:.03em;transition:all .3s ease}.nav-sections:hover{color:#2196f3;color:var(--main-color);cursor:pointer}.home-parent{gap:60px;justify-content:center;margin:auto}.btn-container,.home-parent,.nav-right{align-items:center;display:flex;flex-direction:row}.btn-container{justify-content:center}.bar,.theme-toggle{background:none;color:#707070;color:var(--font-color);cursor:pointer;font-size:24px;margin-right:30px;text-align:center;transition:all .3s ease}.hire-me{background:#0000;font-weight:500;letter-spacing:.03em}.hire-me,.hire-me-wrapper{color:#121212;color:var(--background-color)}.hire-me-wrapper{align-items:center;background:#2196f3;background:var(--main-color);border-radius:8px;display:flex;flex-direction:row;justify-content:center;padding:8px 25px}.hire-me-wrapper:hover{background:none;border:2px solid #2196f3;border:2px solid var(--main-color);border-radius:8px;cursor:pointer;padding:6px 23px}.hire-me-wrapper:hover .hire-me{color:#2196f3;color:var(--main-color)}.bar-container{cursor:pointer;display:none}.side{background:#0000;bottom:0;position:fixed;z-index:1}.left{right:94%}.right{left:95.5%}.sidebar-line{background-color:#707070;background-color:var(--font-color);content:"";display:block;height:90px;margin:20px auto 0;width:2px}.social-list{background:#0000;list-style-type:none;margin:0;padding:0}.social-list li{margin:15px}.social-icon{color:#707070;color:var(--font-color);display:inline-block;font-size:24px;text-align:center;transition:all .3s ease}.social-icon:hover{color:#2196f3;color:var(--main-color);transform:scale(1.09)}.github:before{content:"\f09b";font-family:FontAwesome}.instagram:before{content:"\f16d";font-family:FontAwesome}.linkedin:before{content:"\f08c";font-family:FontAwesome}.mail:before{content:"\f0e0";font-family:FontAwesome}.live:before{content:"\f0c1";font-family:FontAwesome}.sun:before{content:"\f185";font-family:FontAwesome}.moon:before{content:"\f186";font-family:FontAwesome}.email-link{color:#707070;color:var(--font-color);display:flex;flex-direction:column;font-weight:500;margin-bottom:30px;text-decoration:none;transition:all .3s ease;writing-mode:tb}.bar:hover,.email-link:hover,.theme-toggle:hover{color:#2196f3;color:var(--main-color);transform:scale(1.02)}.bar:before{content:"\f0c9";font-family:FontAwesome}@keyframes appear{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0)}}.block{animation-timeline:view();animation-range:entry 0 cover 40%;animation:appear linear}.experience-cards-con:before{animation-timeline:view();animation-range:entry 0 cover 20%;animation:appear linear}.end{animation-timeline:view();animation-range:entry 0 cover 15%;animation:appear linear}.foot{animation-timeline:view();animation-range:entry 0 cover 5%;animation:appear linear}.home{height:100vh;padding-top:5%}.frame-parent{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:80%}.frame-group{width:60%}.hi-i-am-parent{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.hi-i-am{font-size:24px;font-weight:semibold}.prakash-mariappan{color:#fefefe;color:var(--card-title-color);font-size:40px;font-weight:700}.uiux-designer{color:#2196f3;color:var(--main-color);font-size:48px;font-weight:900}.typing-animation{border-right:3px solid #2196f3;border-right:3px solid var(--main-color);color:#fd6f00;display:inline-block;overflow:hidden;white-space:nowrap}.typing{animation:typing 2s steps(20) forwards,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{50%{border-color:#0000}}.frame-container,.frame-parent1{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.frame-container .hire-me-wrapper{margin-top:10px}.frame-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.photo-con{width:40%}.linearbox{animation:glow 5s infinite alternate;background:#2196f333;border:2px solid #2196f3;border:2px solid var(--main-color);border-radius:50%;bottom:15%;filter:blur(150px);margin:auto;padding:10% 25%;position:absolute;right:10%;z-index:-1}@keyframes glow{0%{box-shadow:0 0 10px -5px #fd6f001a}to{box-shadow:0 0 10px 5px #fd6f001a}}.photo-icon{animation:blink 1.5s infinite alternate;background-image:url(/static/media/Photo.944b365a5cc051e624a9.png);background-position:top;background-repeat:no-repeat;background-size:contain;height:600px;width:100%}@keyframes blink{0%{transform:scale(1)}to{transform:scale(1.05)}}.section-head{align-items:center;display:flex;flex-direction:column;justify-content:start;margin:auto;text-align:justify}.about-me{color:#fefefe;color:var(--card-title-color);font-size:40px;font-weight:700;letter-spacing:1.2px}.user-interface-and-user-experience-and-also-video-editing{color:#707070;color:var(--foundation-white-dark-active,#707070);font-size:20px;font-weight:500;letter-spacing:.6px;margin-top:18px;text-transform:capitalize}.section-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:20px auto;width:100%}.div-4{display:flex;width:25%}.about-me-img{background-image:url(/static/media/Prakash_Mariappan_Headshot.6d800b79a1737c50b032.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;width:300px}.div-5{align-items:center;display:flex;font-size:16px;justify-content:center;margin:auto 0;width:70%}.a-software-engineer-the-modern-day-architect-of-digital-realms-navigates-the-ethereal-landscapes-of-code-sculpting-intangible-structures-that-shape-our-technological-world-with-fingers-poised-over-keyboards-like-virtuoso-pianists-they-compose-symphonies-of-logic-their-minds-a-labyrinth-of-algorithms-and-solutions-their-canvas-is-a-screen-a-vast-expanse-where-lines-of-code-dance-in-intricate-patterns-weaving-the-fabric-of-programs-and-applications-each-keystroke-is-a-brushstroke-crafting-intricate-architectures-and-breathing-life-into-innovative-designs-in-this-digital-atelier-they-don-the-mantle-of-problem-solvers-confronting-bugs-and-glitches-like-valiant-knights-in-an-ever-evolving-quest-for-perfection-debugging-becomes-a-noble-pursuit-unraveling-the-mysteries-hidden-within-the-tangled-webs-of-code-designs-in-this-digital-atelier{color:#959595;color:var(--foundation-white-dark-hover,#959595);font-weight:500;text-align:justify}.tech-icons{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:10px auto;width:100%}.icon-wrapper{background-position:50%;background-repeat:no-repeat;background-size:cover;height:50px;transition:transform .3s ease,box-shadow .3s ease;width:50px}.img-2{aspect-ratio:1;object-fit:contain;object-position:center;width:24px}.download-cv,.img-2{align-self:stretch;margin:auto 0}.div-8{align-items:start;display:flex;flex-wrap:wrap;font-weight:700;gap:40px 67px;justify-content:space-between;margin-top:100px;max-width:100%;width:1277px}.div-9{align-items:center;display:flex;flex-direction:column;justify-content:start;white-space:nowrap;width:200px}.img-3{aspect-ratio:1;max-width:100%;object-fit:contain;object-position:center;width:130px}.div-10{align-items:center;display:flex;flex-direction:column;justify-content:start;margin-top:24px}.figma{color:#959595;color:var(--foundation-white-dark-hover,#959595);font-size:24px;margin-top:8px}.div-11{align-items:center;display:flex;flex-direction:column;justify-content:start;width:200px}.img-4{aspect-ratio:1;max-width:100%;object-fit:contain;object-position:center;width:130px}.div-12{align-items:center;display:flex;flex-direction:column;justify-content:start;margin-top:24px}.adobe-xd{color:#959595;color:var(--foundation-white-dark-hover,#959595);font-size:24px;margin-top:8px}.div-13{align-items:center;display:flex;flex-direction:column;justify-content:start;width:200px}.img-5{aspect-ratio:1;border-radius:0 0 0 0;max-width:100%;object-fit:contain;object-position:center;width:130px}.div-14{align-items:center;display:flex;flex-direction:column;justify-content:start;margin-top:24px}.adobe-photoshop{color:#959595;color:var(--foundation-white-dark-hover,#959595);font-size:24px;margin-top:8px}.div-15{align-items:center;display:flex;flex-direction:column;justify-content:start;width:200px}.img-6{aspect-ratio:1;border-radius:0 0 0 0;max-width:100%;object-fit:contain;object-position:center;width:130px}.div-16{align-items:center;display:flex;flex-direction:column;justify-content:start;margin-top:24px}.adobe-illustrator{color:#959595;color:var(--foundation-white-dark-hover,#959595);font-size:24px;margin-top:8px}.div-17{align-items:center;display:flex;flex-direction:column;justify-content:start;width:200px}.img-7{aspect-ratio:1.01;border-radius:0 0 0 0;max-width:100%;object-fit:contain;object-position:center;width:130px}.div-18{align-items:center;display:flex;flex-direction:column;justify-content:start;margin-top:24px}.adobe-premiere{color:#959595;color:var(--foundation-white-dark-hover,#959595);font-size:24px;margin-top:8px}.experience-content{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin:20px auto;width:100%}.experience-cards-con{align-items:center;display:flex;flex-direction:column;position:relative;width:46%}.experience-cards-con:before{background-color:#707070;background-color:var(--font-color);content:"";height:85%;left:49%;position:absolute;top:30px;width:2px;z-index:0}.sub-experince{color:#707070;color:var(--font-color);font-weight:500;position:relative;text-align:center;z-index:1}.experience-card{background-color:none;background-color:#121212;background-color:var(--background-color);border:2px solid #2196f3;border:2px solid var(--main-color);border-radius:8px;display:flex;flex-direction:column;margin:15px auto;padding:15px;position:relative;transition:all .3s ease;width:100%}.experience-card:active,.experience-card:hover,.project-card:active,.project-card:hover{background-color:#171717;background-color:var(--card-hover-color);box-shadow:0 4px 6px #00000040;cursor:pointer;transform:scale(1.02)}.experience-card-wrapper{align-items:flex-start;display:flex;margin-top:20px;position:relative;z-index:1}.experience-header{display:flex;flex-direction:column;margin-bottom:10px}.experience-card:hover .company-name,.project-card:hover .company-name{color:#fefefe;color:var(--card-title-color)}.company-name{font-size:1.2em;font-weight:700;margin-top:30px}.role-year{background-color:#2196f3;background-color:var(--main-color);border-radius:0 4px 0 8px;box-shadow:-2px 4px 6px 0 #0000004d;font-size:1em;padding:5px;position:absolute;right:0;text-align:right;top:0}.year{color:#121212;color:var(--background-color)}.responsibilities ul{list-style-type:disc;padding-left:20px}.responsibilities li{margin:10px auto}.project-global{flex-direction:column}.project-filters{flex-wrap:wrap;margin:10px auto;width:50%}.filter-button,.project-filters{align-items:center;display:flex;flex-direction:row;justify-content:center}.filter-button{background:#0000;border:2px solid #2196f3;border:2px solid var(--main-color);border-radius:8px;color:#2196f3;color:var(--main-color);cursor:pointer;margin:10px;padding:8px 25px}.filter-button b{font-weight:500;letter-spacing:.03em}.filter-button:hover{border-radius:8px}.filter-button.active,.filter-button:hover{background:#2196f3;background:var(--main-color);color:#121212;color:var(--background-color)}.projects-cards-con{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;transition:all .3s ease;width:100%}.project-card,.projects{flex-direction:column}.project-card{background-color:none;background-color:#121212;background-color:var(--background-color);border:2px solid #2196f3;border:2px solid var(--main-color);border-radius:8px;display:flex;margin:20px 0;overflow:hidden;position:relative;transition:all .3s ease;width:-webkit-min-content;width:min-content}.project-thumbnail{background-color:#fd6f0080;background-size:cover;border-radius:4px 4px 0 0;height:220px;width:370px}.project-details{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:15px}.project-details .company-name{margin-top:0}.project-details .description{margin:10px 0}.project-skills{font-size:14px;height:80px}.project-links{background-color:#2196f3;background-color:var(--main-color);border-radius:0 0 0 8px;box-shadow:-2px 4px 6px 0 #0000004d;padding:5px;position:absolute;right:0;text-align:right;top:0}.project-link{color:#121212;color:var(--background-color);display:inline-block;font-size:24px;padding-left:5px;padding-right:5px;transition:all .3s ease}.project-link:hover{transform:scale(1.09)}.skill-tag{background-color:#2196f31a;background-color:var(
    --button-hover-color
  );border-radius:8px;color:#2196f3;color:var(--main-color);display:inline-block;font-size:.9em;font-weight:500;margin:10px 5px 0 0;padding:5px 10px}.view-btn{margin-top:10px}.section-desc{align-items:center;display:flex;flex-direction:column;margin:auto;width:100%}.section-desc,.section-desc p{text-align:center}.section-desc a{color:#2196f3;color:var(--main-color);margin:0 5px;text-decoration:none}.section-desc a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:1rem;margin:20px auto;width:45%}.contact-form input,.contact-form textarea{background-color:#171717;background-color:var(--card-hover-color);border:none;border-radius:8px;font-size:16px;margin:10px auto;outline:none;padding:12px 25px;text-align:left;width:100%}.contact-form input:focus,.contact-form input:not(:placeholder-shown),.contact-form textarea:focus,.contact-form textarea:not(:placeholder-shown){color:#fefefe;color:var(--card-title-color)}.message{height:200px;overflow-y:auto;resize:none;scrollbar-width:thin}.success-message{color:green;font-weight:700;margin-top:1rem}button{border:none;margin:auto;width:-webkit-max-content;width:max-content}button b{font-size:16px}.footer{align-items:center;border-top:2px solid #707070;border-top:2px solid var(--font-color);display:flex;justify-content:center;padding:20px 0;text-align:center}.footer a:hover{cursor:pointer;text-decoration:underline}.footer-desc{text-align:center}.social-list-responsive{display:none}@media screen and (max-width:1024px){.frame-parent{width:91%}.side{display:none}.bar-container{display:block;z-index:10}.logo-parent{left:0;position:fixed;top:0;transition:transform .3s ease-in-out}.logo-parent,.logo-parent.scrolled-up{box-shadow:0 10px 30px -10px #00000040}.logo-parent.scrolled-up{background-color:#121212;background-color:var(--background-color)}.logo{text-align:right}.logo-img{height:45px;width:40px}.home-parent{background:#121212;background:var(--background-color);box-shadow:0 0 30px #00000040;flex-direction:column;right:-100%;transition:left .3s ease-in-out;width:60%;z-index:20}.home-parent,.menu-overlay{height:100vh;position:fixed}.menu-overlay{background:#00000080;opacity:0;transition:opacity .3s ease-in-out;visibility:hidden;width:100%;z-index:5}.menu-overlay.open{opacity:1;visibility:visible}.section-content{flex-direction:column}.div-4{display:flex;width:-webkit-max-content;width:max-content}.div-5{display:flex;margin:20px 0;width:100%}.experience-content{flex-direction:column}.experience-cards-con{width:100%}.projects-cards-con{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.contact-form{width:100%}.social-list-responsive{align-items:center;display:flex;justify-content:space-evenly;list-style-type:none;margin-bottom:10px;width:100%}.tech-icons{justify-content:center}}@media screen and (max-width:767px){.linearbox{background:#2196f366;bottom:65%;right:15%}.hi-i-am-parent{align-items:center}.hi-i-am{font-size:18px}.prakash-mariappan{font-size:24px}.about-me,.uiux-designer{font-size:32px}.home{display:flex;flex-direction:column-reverse;flex-wrap:nowrap;justify-content:space-evenly}.photo-con{height:340px;margin:13% auto;width:82%}.frame-group,.frame-parent1{align-items:center}.frame-group{width:100%}.frame-container{align-items:center}.home-parent.open,.menu-overlay.open{left:0;top:58px}.theme-toggle{margin-right:0}.project-filters{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.home{display:flex;flex-wrap:nowrap;height:100vh}.uiux-designer{font-size:42px}.home-parent.open,.menu-overlay.open{left:0;top:70px}.theme-toggle{margin-right:15px}.photo-con{height:450px}.project-filters{width:100%}}
/*# sourceMappingURL=main.5bbc35ca.css.map*/