@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#262a33;font-size:18px;font-family:Poppins,Fira Code,Courier New,Courier,monospace;color:#9d9f9e}input,textarea,button{font-family:Poppins,Fira Code,Courier New,Courier,monospace}button{width:100%;background-color:#dd6011;border:1px solid rgb(38,42,51);color:#fff;font-size:14px;font-family:Poppins,Fira Code,Courier New,Courier,monospace;padding:.6rem;cursor:pointer}.highlight{color:#dd6011}.page{background:linear-gradient(#262a33f7,#262a33f7),url(/assets/blur-B0WG-dy-.png) top left repeat;background-size:165px;background-color:#000;padding:0 1rem;display:flex;align-items:center;max-height:100vh;overflow:scroll;flex-direction:column}.page .page__wrap{width:100%;max-width:1100px;display:flex;position:relative;flex-direction:column;gap:20px}.page .page__wrap .page__nav{display:flex;flex-direction:column;position:sticky;top:0;z-index:1}.page .page__wrap .page__nav .page__nav-header{padding:20px 36px;width:100%;font-size:14px;background:linear-gradient(#1e222bf7,#1e222bf7),url(/assets/blur-B0WG-dy-.png) top left repeat;background-size:165px}.page .page__wrap .page__routes{display:flex;flex-direction:column;gap:20px;position:relative}.page .page__wrap .page__routes .page__intro{height:min-content}.page .page__wrap .page__routes .page__content{flex:1 0 0px;display:flex;flex-direction:column;gap:20px}.section{width:100%;background:linear-gradient(#1e222bf7,#1e222bf7),url(/assets/blur-B0WG-dy-.png) top left repeat;background-size:165px;background-color:#1e222bf0;flex:1;padding:2rem 1.5rem;font-size:14px;display:flex;flex-direction:column;scroll-margin-top:80px}.section .section__item-title{font-size:18px;margin-bottom:.5rem;font-weight:400}.section .section__item-footer{font-size:14px;margin-top:1.5rem;margin-bottom:.2rem;font-weight:400}.section .section__item{margin-top:20px;color:#9d9f9e;background-color:#2e323d66;padding:1rem;display:flex;text-decoration:none}.section .section__item .section__item__header{display:flex;flex-direction:row}.section .section__item .section__item__header .section__item-title{flex:1}.section .section__item .section__item__header .section__item-action{width:24px;transform:rotate(-45deg);transform-origin:50% 50% 0px;transition:transform .3s ease}.section .section__item .section__item-list{padding-left:1rem;list-style:square}.section .section__item .section__item-list .section__item-list-item{margin-top:1rem;line-height:1.8}.section .section__item .section__item-list .section__item-list-item .section__item-list-item-highlisht{color:#dd6011}.section .section__item:hover{background-color:#2e323d}.section .section__item:hover .section__item__header .section__item-action{transform:rotate(-45deg) translate(8px)}.section.footer{padding:1.5rem}#home{scroll-margin-top:80px}.resources{display:flex;flex-direction:row;justify-content:center;gap:36px}.resources .resources__item{position:relative;cursor:pointer;display:flex;justify-content:center}.resources .resources__item img{width:20px}.resources .resources__item:after{content:attr(data-tooltip);position:absolute;left:50%;top:100%;transform:translate(-50%) translateY(8px);white-space:nowrap;background:#111;color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:100}.resources .resources__item:hover:after,.resources .resources__item:focus:after,.resources .resources__item:hover:before,.resources .resources__item:focus:before{opacity:1;transform:translate(-50%) translateY(12px)}@media(min-width:800px){.page .page__wrap .page__nav{display:flex;flex-direction:row;justify-content:center;gap:20px}.page .page__wrap .page__nav .page__nav-header{width:fit-content;padding:20px 36px;flex:1}.page .page__wrap .page__nav .page__nav-header--empty{min-width:373px}.page .page__wrap .page__routes{display:flex;gap:20px;flex-direction:row;position:relative}.page .page__wrap .page__routes .page__intro{margin-top:0;margin-bottom:0;height:min-content;position:sticky;top:0}.page .page__wrap .page__routes .page__content{flex:1 0 0px;display:flex;flex-direction:column;gap:20px}}.intro-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;max-width:325px}.intro-container div,.intro-container p,.intro-container h3{text-align:center}.intro-container .intro-name{font-size:1.3rem;font-weight:600}.intro-container .intro-text{margin:1rem 0;font-size:14px;line-height:1.8;color:#9d9f9e}.intro-container .intro-reachout_btn-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;gap:1rem}.intro-container .intro-reachout_btn-container .intro-reachout_btn{cursor:pointer}.intro-container .profile-img-container{display:flex;flex-direction:column;gap:20px}.intro-container .profile-img-container .profile-img{width:240px;border:3px solid #ffffff}.page__about{display:flex;flex-direction:column;gap:10px;color:#9d9f9e}.page__about .page__about-title{font-size:2rem}.page__about .page__about-title--primary{color:#fff}.page__about .page__about-title--secondary{color:#dd6011}.page__about .page__about-desc{font-size:16px;line-height:1.8}.page__about .page__about-resume{margin-top:1.5rem}.page__about .page__about-resume .resume{padding:.5rem 1.5rem;width:max-content}.page__about .page__about-highlights{padding-top:30px;display:flex;gap:1.5rem;flex-wrap:wrap}.page__about .page__about-highlights .page__about-highlight{text-transform:uppercase;max-width:150px;font-size:20px;flex:1}.page__about .page__about-highlights .page__about-highlight .page__about-highlight-value{font-size:28px;color:#dd6011}.page__experience .page__about-title{font-size:2rem}.page__experience .page__about-title--primary{color:#fff}.page__experience .page__about-title--secondary{color:#dd6011}.page__skills .page__about-title{font-size:2rem}.page__skills .page__about-title--primary{color:#fff}.page__skills .page__about-title--secondary{color:#dd6011}.page__skills .skills__list{margin-top:1rem;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.page__skills .skills__list .skill{min-width:220px;text-decoration:none;color:#9d9f9e;cursor:pointer;background-color:#2e323d66;padding:.75rem;display:flex;flex-direction:row;align-items:center;gap:1rem;flex:1}.page__skills .skills__list .skill .tool-img{width:42px}.page__skills .skills__list .skill .tool__info{flex:1;display:flex;flex-direction:column;gap:2px}.page__skills .skills__list .skill .tool__info .tool-name{font-size:18px}.page__skills .skills__list .skill .tool__info .tool-desc{font-size:14px}.page__skills .skills__list .skill .section__item-action{width:24px;transform:rotate(-45deg);transform-origin:50% 50% 0px;transition:transform .3s ease;margin-left:auto}.page__skills .skills__list .skill:hover{background-color:#2e323d}.page__skills .skills__list .skill:hover .section__item-action{transform:rotate(-45deg) translate(8px)}.page__reachout{display:flex;flex-direction:column;gap:1rem}.page__reachout .page__reachout-title{font-size:2rem}.page__reachout .page__reachout-title .page__reachout-title--secondary{color:#dd6011}.page__reachout .page__reachout-subtitle{line-height:1.7}.page__reachout .reachout-form{margin-top:.5rem;display:flex;flex-direction:column;gap:1.5rem}.page__reachout .reachout-form .form-p2{flex:1;display:flex;flex-direction:column;gap:.3rem}.page__reachout .reachout-form .form-p2 input{width:100%;font-size:14px;padding:.5rem;color:#fff;background-color:#2e323d66;border:1px solid rgba(46,50,61,.4);opacity:1}.page__reachout .reachout-form .form-p2 input:focus{border-color:#dd6011;outline:none}.page__reachout .reachout-form .form-p2 textarea{height:200px;width:100%;font-size:14px;padding:.5rem;color:#fff;background-color:#2e323d66;border:1px solid rgba(46,50,61,.4);resize:vertical}.page__reachout .reachout-form .form-p2 textarea:focus{border-color:#dd6011;outline:none}