@import"https://fonts.googleapis.com/css2?family=Spartan:wght@200;400;500;700&display=swap";.scroll-header{position:fixed;top:0;left:0;width:100%;padding:20px;z-index:100;background-color:rgba(56,57,85,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scroll-header nav{display:flex;justify-content:center}.scroll-header nav ul{display:flex;gap:25px;list-style:none;padding:0;margin:0}.scroll-header nav ul li{position:relative}.scroll-header nav ul li a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.scroll-header nav ul li a:hover{color:#f0cf61}.scroll-header nav ul li.active a{color:#ec5c67}.scroll-header nav ul li.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#ec5c67;animation:fadeIn .5s ease-in-out}@media screen and (max-width:768px){.scroll-header{padding:15px 10px}.scroll-header nav ul{gap:15px;font-size:14px}}.smooth-scroll-container{position:relative;width:100%;height:100vh;overflow:hidden}.sections-container{transition:transform .8s cubic-bezier(.77,0,.175,1);will-change:transform}.scroll-section,.sections-container{width:100%;height:100vh;position:relative}.scroll-section{overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding-top:70px;scrollbar-width:none;-ms-overflow-style:none}.scroll-section::-webkit-scrollbar{display:none}.scroll-section.active{animation:fadeIn .8s ease-in-out}.scroll-section#blog,.scroll-section#certifications,.scroll-section#projects{overflow-y:auto}.scroll-section#blog .blog-section,.scroll-section#blog .certifications-section,.scroll-section#blog .project-section,.scroll-section#certifications .blog-section,.scroll-section#certifications .certifications-section,.scroll-section#certifications .project-section,.scroll-section#projects .blog-section,.scroll-section#projects .certifications-section,.scroll-section#projects .project-section{min-height:calc(100vh - 70px);padding:30px;width:100%;max-width:1200px;margin:0 auto}.nav-dots{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:100;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.nav-dot{width:12px;height:12px;border-radius:50%;background-color:hsla(0,0%,100%,.5);border:none;cursor:pointer;padding:0;transition:all .3s ease}.nav-dot.active{background-color:#ec5c67;transform:scale(1.3)}.nav-dot:hover{background-color:#f0cf61}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.nav-dots{right:10px}.nav-dot{width:10px;height:10px}}@supports(-webkit-touch-callout:none){.sections-container{transition:transform .8s cubic-bezier(.23,1,.32,1)}}@font-face{font-family:Menlo;src:url(/_next/static/media/Menlo-Regular.3975e968.ttf) format("truetype")}html{font-family:Spartan,sans-serif;font-size:16px;background-color:#383955;color:#fff}.layout{display:flex;height:95vh;overflow:hidden}@media screen and (max-width:768px){.layout{height:100vh;flex-direction:column}}.layout-sidebar{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;border-right:.5px solid #4f5079;padding:20px 50px}@media screen and (max-width:768px){.layout-sidebar{display:none}}.layout-sidebar .header-red-dot{color:#ec5c67}.layout-sidebar .navigation-section a{margin-top:20px;display:flex;align-items:flex-end}.layout-sidebar .navigation-section a span{margin-left:20px;color:#fff}.layout-sidebar .navigation-section .active{border:2px solid #ec5c67;padding:5px 10px;margin-left:-10px;border-radius:20px;transform:scale(1.1);transition:all .2s ease-in-out}.layout-sidebar footer{font-size:12px}.layout-content{flex:6 1;height:100%;overflow:auto}.mobile-footer{display:none}@media screen and (max-width:768px){.mobile-footer{display:inline;background-color:#4f5079;padding:10px 20px;border-radius:10px;position:fixed;bottom:0;left:calc((50vw - 50%)*-1);transform:translate(calc(50vw - 50%))}.mobile-footer-icons a{margin:0 10px;color:#fff}.mobile-footer-icons .active{border-bottom:1px solid #ec5c67;transition:border-bottom-width 1s ease-in-out}}.home-section{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:.5}.home-section .social-icons-row{margin-top:30px}.home-section .social-icons-row span{margin:0 2px!important;border-radius:100%}.home-section .social-icons-row span:hover{border:.5px solid #f0cf61;border-radius:100%;box-shadow:0 0 20px .5px #f0cf61;transition-duration:.2s;transition-timing-function:ease-in-out}.home-section .download-button{display:flex;gap:8px;align-items:center;margin-top:30px;background-color:#ec5c67;color:#fff;font-weight:700;padding:10px 20px;border-radius:20px;cursor:pointer;border:1px solid transparent}.home-section .download-button:hover{border:1px solid #f0cf61;box-shadow:0 0 20px .5px #f0cf61;transition-duration:.3s;transition-timing-function:ease-in-out}.about-section{padding:30px}@media screen and (max-width:768px){.about-section{font-size:12px;padding:10px}}.about-section .intro{line-height:1.7}.about-section .skills-section{margin:50px 0}@media screen and (max-width:768px){.about-section .skills-section{margin:20px 0}}.about-section .skills-section .tec-stack{display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width:768px){.about-section .skills-section .tec-stack{gap:8px}}.about-section .skills-section .tec-stack span{background-color:#ec5c67;padding:8px 12px;border-radius:15px;font-weight:500;cursor:default}@media screen and (max-width:768px){.about-section .skills-section .tec-stack span{padding:4px 8px}}.about-section .skills-section .tec-stack span:hover{transform:scale(1.1);transition:all .2s ease-in-out;background-color:#f0cf61;color:#000}.blog-section{padding:30px;display:flex;flex-direction:column;gap:15px}@media screen and (max-width:768px){.blog-section{font-size:12px;padding:10px 10px 80px}}.blog-section h2{display:hidden}@media screen and (max-width:768px){.blog-section h2{display:inline;text-align:center}}.blog-section .blog-container{display:flex;flex-wrap:wrap;gap:30px;padding-bottom:30px}.blog-section .blog-container .blog-card{cursor:pointer;width:400px;padding:10px 15px;border-radius:10px}.blog-section .blog-container .blog-card img{border-radius:10px}.blog-section .blog-container .blog-card .blog-card-title{font-size:16px}.blog-section .blog-container .blog-card .blog-card-description{margin-top:16px}.blog-section .blog-container .blog-card:hover{transform:scale(1.01);transition:all .2s ease-in-out}.loading-animation{display:flex;align-items:center;justify-content:center;height:100vh}.letter{font-size:48px;font-weight:700;opacity:0;animation:fade 1s infinite}.c-letter{color:#f6d047;animation-delay:.2s}.s-letter{color:#ec5c67;animation-delay:.4s}.dots-container{display:flex;align-items:center;justify-content:center;margin-top:20px}.dot{width:10px;height:10px;margin:0 5px;background-color:#f6d047;border-radius:50%;opacity:0;animation:dot-fade 1s infinite}.dot:first-child{animation-delay:.6s}.dot:nth-child(2){animation-delay:.8s}.dot:nth-child(3){animation-delay:1s}@keyframes fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes dot-fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.certifications-section{padding:30px;display:flex;flex-direction:column;gap:15px}@media screen and (max-width:768px){.certifications-section{font-size:12px;padding:10px 10px 80px}}.certifications-section h2{display:hidden}@media screen and (max-width:768px){.certifications-section h2{display:inline;text-align:center}}.certifications-section .certifications-container .certifications-card{display:flex;gap:15px;align-items:center;background-color:hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.5px solid #ec5c67;border-radius:12px;padding:12px 24px}@media screen and (max-width:768px){.certifications-section .certifications-container .certifications-card{flex-direction:column;gap:2px}}.project-section{padding:30px;display:flex;flex-direction:column;gap:15px}@media screen and (max-width:768px){.project-section{font-size:12px;padding:10px 10px 80px}}.project-section h2{display:hidden}@media screen and (max-width:768px){.project-section h2{display:inline;text-align:center}}.project-section .project-container{display:flex;flex-direction:column;gap:15px}.project-section .project-container .project-card{display:flex;flex-direction:column;background-color:hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.5px solid #ec5c67;border-radius:12px;padding:12px 24px}@media screen and (max-width:768px){.project-section .project-container .project-card{flex-direction:column;gap:2px;padding:8px 12px}}.project-section .project-container .project-card .project-header{display:flex;align-items:baseline;justify-content:space-between}.project-section .project-container .project-card .project-header .project-title{font-size:18px}@media screen and (max-width:768px){.project-section .project-container .project-card .project-header .project-title{font-size:16px}}.project-section .project-container .project-card .project-header .project-actions .btn-view-on-github{display:flex;align-items:flex-end;gap:4px;padding:8px;border:1px solid #f0cf61;border-radius:14px;background-color:transparent;color:#fff;font-weight:700;cursor:pointer}@media screen and (max-width:768px){.project-section .project-container .project-card .project-header .project-actions .btn-view-on-github{font-size:10px;align-items:center}}.project-section .project-container .project-card .project-description{font-size:14px;line-height:1.8}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal{background-color:rgba(0,0,0,.8);padding:2px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.5);width:800px;height:400px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-bottom:.5px solid hsla(0,0%,100%,.1)}.modalHeader span{font-size:12px;padding-left:4px}.modalHeader button{background-color:transparent;border:unset;cursor:pointer}.terminal{background-color:transparent;border-radius:5px;padding:10px;font-family:Menlo,monospace;font-size:12px;height:80%;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(247,202,80,.2) #eee}.terminal-content{color:#fff;font-family:Menlo,monospace!important;font-size:12px}.terminal-content pre{display:flex;flex-direction:column;align-items:flex-start;margin:0;white-space:pre-wrap;word-wrap:break-word}.terminal-content pre .terminal-input{display:flex;align-items:center;color:#f7ca50}.terminal-content pre .terminal-output{margin-left:8px;line-height:14px;text-align:left;color:#fff}.terminal-content pre .terminal-output .terminal-output-with-link{display:flex;flex-direction:column;gap:8px}.terminal-content pre .terminal-output .terminal-output-with-link>a{color:#fff}.terminal-content form{display:flex;align-items:center}.terminal-content input{background-color:transparent;border:none;color:#fff;outline:none;padding:0;font-family:Menlo,monospace!important;font-size:12px!important;width:100%}.help-section{display:flex;flex-direction:column;gap:2px}.help-section .help-section-item{display:flex}.help-section .help-section-item p:first-child{width:150px}