:root{--dark-primary-bg:22,22,22;--dark-secondary-bg:13,13,13;--dark-primary-text-color:255,255,255;--dark-secondary-text-color:37,37,37;--light-primary-bg:246,246,246;--light-secondary-bg:255,255,255;--light-primary-text-color:2,2,2;--light-secondary-text-color:246,246,246;--primary-bg-color:var(--light-primary-bg);--secondary-bg-color:var(--light-secondary-bg);--primary-text-color:var(--light-primary-text-color);--secondary-text-color:var(--light-secondary-text-color);--theme-color:255,190,26;--grey-color:184,184,184,0.25;--box-shadow:2,2,2;--transparent:255,255,255,0;--slide:all 0.3s cubic-bezier(0.55,0,0.1,1);--modal-horizontal-padding:2rem;--button-horizontal-padding:1.5rem;--image-blend-mode:darken;--image-opacity:0.75}[data-theme=dark]{--primary-bg-color:var(--dark-primary-bg);--secondary-bg-color:var(--dark-secondary-bg);--primary-text-color:var(--dark-primary-text-color);--secondary-text-color:var(--dark-secondary-text-color);--box-shadow:255,255,255;--image-blend-mode:screen;--image-opacity:0.5}body,html{min-height:100vh;min-width:560px;overflow-x:hidden;scroll-behavior:smooth!important;background-color:rgb(var(--primary-bg-color));-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:none}::-webkit-scrollbar{width:18px;height:18px}::-webkit-scrollbar-track{background:rgb(var(--transparent))}::-webkit-scrollbar-thumb{border-radius:9999px;background-color:rgb(var(--theme-color));background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);border:6px solid rgb(var(--primary-bg-color))}::-webkit-scrollbar-corner{background-color:rgb(var(--primary-bg-color))}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Post No Bills Jaffna Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/PostNoBillsJaffna.woff2) format("woff2"),url(/assets/fonts/PostNoBillsJaffna.woff) format("woff");font-display:fallback}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins.woff2) format("woff2"),url(/assets/fonts/Poppins.woff) format("woff");font-display:fallback}@font-face{font-family:Poppins-SemiBold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins-SemiBold.woff2) format("woff2"),url(/assets/fonts/Poppins-SemiBold.woff) format("woff");font-display:fallback}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins-Light.woff2) format("woff2"),url(/assets/fonts/Poppins-Light.woff) format("woff");font-display:fallback}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/fonts/Inter.woff2) format("woff2"),url(/assets/fonts/Inter.woff) format("woff");font-display:fallback}*,:after,:before{box-sizing:content-box}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit}a,a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}.btn{position:relative;font-family:Poppins-SemiBold;text-transform:uppercase;border:.125rem solid rgb(var(--theme-color));border-radius:.625rem;cursor:none;overflow:hidden;transition:.5s;height:max-content;width:max-content}.btn a{display:block}.btn-inline,.btn-outline{width:max-content;height:max-content;padding:1rem var(--button-horizontal-padding);font-family:Poppins-SemiBold;text-transform:uppercase;cursor:none;background:rgb(var(--theme-color));-webkit-mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png);mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;border:none;color:rgb(var(--light-primary-text-color))}.btn-inline{animation:end .7s steps(22) forwards}.btn-inline:hover,.btn-outline{animation:start .7s steps(22) forwards}.btn-outline:hover{animation:end .7s steps(22) forwards}.btn>span{position:absolute;color:rgb(var(--primary-text-color));overflow:hidden;height:100%;width:100%;display:grid;place-items:center;text-align:center;margin:auto}@keyframes start{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes end{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.icon-container{position:relative;display:grid;place-items:center;height:2.5em;width:2.5em;border-radius:100%;border:.1875rem solid rgba(var(--primary-text-color));background-color:rgb(var(--primary-text-color));overflow:hidden;cursor:none}.icon-container .icon{position:relative;height:1.5em;width:1.5em;color:rgb(var(--secondary-text-color));transition:.5s}.icon-container:hover .icon{color:rgb(var(--primary-text-color));-khtml-transform:rotateY(1turn);transform:rotateY(1turn)}.icon-container:hover{background-color:rgb(var(--primary-text-color))}.icon-container:before{content:"";position:absolute;top:100%;left:0;width:100%;height:100%;background-color:rgb(var(--secondary-text-color));transition:.5s}.icon-container:hover:before{top:0}.input__group{display:flex;flex-direction:column}.input__group .error{padding-top:1rem;margin:0;font-family:Poppins-Light;color:#f64a4a;font-size:.875rem}.input__control{font-family:Inter;color:rgb(var(--primary-text-color));background-color:rgba(var(--grey-color));border:.125em solid rgba(var(--transparent));border-radius:.625em;padding:1em;width:18em;outline:none}.input__control:focus,.input__control:hover{border-color:rgb(var(--theme-color))}.input__label{font-family:Poppins-Light;color:rgb(var(--primary-text-color));line-height:2.5em;cursor:none}textarea{min-height:5em;resize:none}textarea::-webkit-scrollbar{width:14px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:rgb(var(--theme-color))}input,textarea{cursor:none}.loader-dual-ring{position:fixed;inset:50% auto auto 50%;-khtml-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;width:80px;height:80px;z-index:9999}.loader-dual-ring:after{content:" ";display:block;width:64px;height:64px;border-radius:50%;border:6px solid rgb(var(--theme-color));border-color:rgb(var(--theme-color)) rgba(var(--transparent)) rgb(var(--theme-color)) rgba(var(--transparent));animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{-khtml-transform:rotate(0deg);transform:rotate(0deg)}to{-khtml-transform:rotate(1turn);transform:rotate(1turn)}}.toast{position:fixed;top:25px;right:30px;border-radius:.75rem;background:rgb(var(--secondary-text-color));padding:1.25rem 2.1875rem 1.25rem 1.5625rem;box-shadow:0 .375rem 1.25rem -.3125rem rgba(0,0,0,.1);overflow:hidden;z-index:9999;-khtml-transform:translateX(calc(100% + 2.5rem));transform:translateX(calc(100% + 2.5rem));transition:all .5s cubic-bezier(.68,-.55,.265,1.35)}.toast.active{-khtml-transform:translateX(0);transform:translateX(0)}.toast:has(.check) .progress:before{background-color:#12c99b}.toast:has(.circle-exclamation) .progress:before{background-color:#e41749}.toast-content{display:flex;align-items:center}.toast-content .icon{display:grid;place-items:center;border-radius:50%;height:2.1875rem;width:2.1875rem}.toast-content .icon.check{background-color:#12c99b}.toast-content .icon.circle-exclamation{background-color:#e41749}.toast-content .icon svg{display:flex;align-items:center;justify-content:center;height:1.5625rem;width:1.5625rem;color:#fff}.toast-content .message{display:flex;flex-direction:column;margin:0 1.25rem}.toast-content .message__status{margin:0;font-size:1.25rem;font-family:Post No Bills Jaffna Bold;color:rgb(var(--primary-text-color))}.toast-content .message__text{margin:0;font-family:Poppins-Light;font-size:.875rem;color:rgb(var(--primary-text-color))}.toast .close{position:absolute;top:.625rem;right:1rem;padding:.3125rem;opacity:.7;height:1rem;width:1rem;color:rgb(var(--secondary-text-color))}.toast .close:hover{opacity:1}.toast .progress{position:absolute;bottom:0;left:0;height:.1875rem;width:100%}.toast .progress:before{content:"";position:absolute;bottom:0;right:0;height:100%;width:100%}.toast .progress.active:before{animation:progress 5s linear forwards}@keyframes progress{to{right:100%}}.tsparticles__container{position:relative;grid-column:1/-1;grid-row:1/-1;height:100%}#tsparticles{position:absolute;height:100%;width:100%}@media(min-width:82rem){#tsparticles{top:6.5rem;height:calc(100% - 6.5rem)}}.theme-switch{display:inline-block}.theme-switch input{display:none}.theme-switch input:checked~label{background-color:rgb(var(--light-primary-bg))}.theme-switch input:checked~label:before{-khtml-transform:translateX(5rem);transform:translateX(5rem);background:rgb(var(--light-secondary-bg)) url(/assets/images/sun-svgrepo-com.svg) no-repeat 50%;background-size:1.75rem 1.75rem;border:1px solid rgb(var(--dark-secondary-text-color))}.theme-switch input:checked~label:after{content:"DAYMODE";-khtml-transform:translateX(-3rem);transform:translateX(-3rem);color:rgb(var(--dark-secondary-text-color))}.theme-switch label{display:flex;align-items:center;justify-content:space-between;width:7rem;height:2.5rem;padding:.25rem .75rem .25rem .25rem;border:.125rem solid rgb(var(--primary-text-color));border-radius:1.5625rem;background:rgb(var(--dark-primary-bg));transition:.4s;cursor:none}.theme-switch label:before{content:"";display:inline-block;width:1.75rem;height:1.75rem;border-radius:100%;background:rgb(var(--light-secondary-bg)) url(/assets/images/moon-svgrepo-com.svg) no-repeat 50%;background-size:1.75rem 1.75rem;transition:.4s;padding:.25rem}.theme-switch label:after{content:"NIGHTMODE";font-family:Poppins-Light;font-size:.75rem;display:inline-block;width:max-content;color:rgb(var(--dark-primary-text-color));transition:.3s}#magicMouseCursor{position:fixed;width:35px;height:35px;border:1px solid rgb(var(--primary-text-color));border-radius:50%;z-index:999999;left:0;top:0;transition:transform .07s,width .3s,height .3s;pointer-events:none}#magicMouseCursor.cursor-square{border-radius:0}#magicPointer{height:5px;width:5px;top:0;left:0;position:fixed;background:rgb(var(--primary-text-color));border-radius:50%;pointer-events:none;transition:background .2s,width .2s,height .2s,box-shadow .2s;z-index:999999}#magicPointer.is-hover{background:rgb(var(--theme-color))}#magicPointer.pointer-blur{background:none;border:1px solid rgb(var(--primary-text-color))}#magicPointer.pointer-blur,#magicPointer.pointer-overlay{height:50px;width:50px;box-shadow:0 0 15px -5px rgb(var(--primary-text-color))}#magicPointer.pointer-overlay{mix-blend-mode:difference}.magic-hover{transition:all .2s}.magic-hover:hover{cursor:none}.responsive-scroll{position:relative;display:flex;justify-content:center;width:1.5rem;height:2.8125rem;border:.125rem solid rgb(var(--primary-text-color));border-radius:.625rem;transition:all .45s ease}.responsive-scroll:before{width:40%;height:.1875rem;border-bottom-left-radius:1000px;border-bottom-right-radius:1000px;transition:all .45s ease}.responsive-scroll:after,.responsive-scroll:before{content:"";position:absolute;display:block;background-color:rgb(var(--primary-text-color))}.responsive-scroll:after{bottom:.3125rem;width:55%;height:.125rem;border-radius:1000px;opacity:.1;transition:all .95s ease}.responsive-scroll:hover:after{opacity:1}.responsive-scroll .scroll-thisico{display:block;width:.5rem;height:2.1875rem;margin-top:65%;border-radius:1000px 1000px 3px 3px;background-color:rgb(var(--primary-text-color));-khtml-transform:translateX(6px) rotate(-45deg);transform:translateX(6px) rotate(-45deg);transform-origin:top left;animation:responsive-scroll-rwd 2.25s infinite;transition:all .45s ease}.responsive-scroll.is-notTouch{border:2px solid rgb(var(--primary-text-color));border-radius:1.5rem}.responsive-scroll.is-notTouch:after,.responsive-scroll.is-notTouch:before{max-height:0}.responsive-scroll.is-notTouch .scroll-thisico{height:.5rem;margin-top:25%;border-radius:1000px;background-color:rgb(var(--primary-text-color));-khtml-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);animation:responsive-scroll 2.25s infinite}@keyframes responsive-scroll{0%{margin-top:25%;opacity:0}33%{margin-top:36.55%;opacity:1}to{margin-top:60%;opacity:0}}@keyframes responsive-scroll-rwd{0%{margin-top:75%;opacity:0}33%{margin-top:58.5%;opacity:1}to{margin-top:25%;opacity:0}}.vertical-timeline{max-width:80rem!important}.vertical-timeline:before{background:rgb(var(--primary-text-color))!important}.vertical-timeline-date{font-family:Poppins-Light;color:rgb(var(--primary-text-color))}.vertical-timeline-position{font-family:Post No Bills Jaffna Bold;font-size:1.75rem;margin:0;color:rgb(var(--primary-text-color))}.vertical-timeline-company{font-family:Poppins-Light;margin:0;color:rgb(var(--primary-text-color))!important}.vertical-timeline-element-icon{background-color:rgb(var(--primary-bg-color))}.vertical-timeline-details{display:flex;flex-flow:row wrap;gap:1.5rem;padding:1rem 0 0;margin:0}.vertical-timeline-details>li{font-family:Poppins-Bold}.vertical-timeline-details>li,.vertical-timeline-details>li>a{display:inline-flex;align-items:center;gap:1rem;color:rgb(var(--primary-text-color))}.vertical-timeline-details>li>a{text-decoration:none}.vertical-timeline-details>li :is(.icon-remote,.icon-url){height:1.25rem;width:1rem;color:rgb(var(--theme-color))}.vertical-timeline-description{display:flex;flex-direction:column;padding:1rem 0 0;margin:0}.vertical-timeline-description li{display:flex;align-items:flex-start;font-family:Poppins-Light;color:rgb(var(--primary-text-color));line-height:1.5em;width:inherit;padding-bottom:1em}.vertical-timeline-description li:last-child{padding-bottom:0}.vertical-timeline-description li:before{content:"";height:.625em;min-width:.625em;border-radius:100%;background-color:rgb(var(--theme-color));margin-top:.375em;margin-right:1em}.vertical-timeline-skills{display:inline-flex;flex-wrap:wrap;padding:0}.vertical-timeline-skills li{font-family:Inter;background-color:rgb(var(--primary-text-color));color:rgb(var(--primary-bg-color));padding:.5rem .75rem;margin:.5rem .5rem 0 0;border-radius:1rem;width:max-content}.modal{position:fixed;top:0;height:100%;width:100%;display:grid;place-items:center;background-color:rgba(0,0,0,.5);z-index:9999;min-width:560px}.modal__card{display:grid;padding:3rem var(--modal-horizontal-padding);border-radius:1.5rem;background-color:rgb(var(--primary-bg-color));height:50%;width:clamp(28rem,85% - (3rem + 2*var(--modal-horizontal-padding)),80rem);max-height:calc(100% - 12rem);overflow-y:auto}.modal__card.horizontal{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-gap:2rem;gap:2rem}@media(min-width:62rem){.modal__card.horizontal{grid-template-columns:1fr 27.5rem;grid-template-rows:1fr;margin-right:0}}.modal__card .card__container{height:100%;margin-right:15px}.modal__card .carousel{grid-row:1;grid-column:1;min-height:28rem}@media(min-width:62rem){.modal__card .carousel{grid-column:2;grid-row:1}}.modal__card .carousel .rec-dot{box-shadow:0 0 1px 2px rgb(var(--primary-text-color))}.modal__card .carousel .rec-dot:hover{box-shadow:0 0 1px 3px rgb(var(--theme-color))}.modal__card .carousel .rec-dot_active{background-color:rgb(var(--theme-color));box-shadow:none}.modal__card .carousel .rec-carousel{flex-grow:1;height:100%!important}.modal__card .modal__details{grid-column:1;grid-row:2;display:flex;flex-direction:column;padding:0 1rem}@media(min-width:62rem){.modal__card .modal__details{grid-column:1;grid-row:1}}.modal__card h1{font-family:Post No Bills Jaffna Bold;font-size:3rem}.modal__card h1,.modal__card p{color:rgb(var(--primary-text-color));margin:0}.modal__card p{font-family:Poppins-Light;padding:1rem 0;flex-grow:1}.modal__card ul{display:inline-flex;flex-wrap:wrap;gap:.5rem;padding:0 0 1rem;margin:0}.modal__card ul li{font-family:Inter;background-color:rgb(var(--primary-text-color));color:rgb(var(--secondary-text-color));border-radius:1rem;padding:.5rem .75rem;height:max-content;width:max-content}.modal__card .modal__links{display:flex;gap:1rem}.modal__card .modal__links .btn,.modal__card .modal__links .btn>span,.modal__card .modal__links a{width:100%}.modal__card .modal__links .btn>button{width:calc(100% - 2*var(--button-horizontal-padding))}.portfolio-card{display:flex;flex-direction:column;flex:1 1;border-radius:1.5rem;min-height:20rem;padding:1.5rem 1rem;background:rgb(var(--secondary-bg-color));border:.125rem solid rgb(var(--theme-color));overflow:hidden}.portfolio-card__title{font-size:1.75rem;font-family:Post No Bills Jaffna Bold;color:rgb(var(--primary-text-color));margin:0}.portfolio-card__description{font-family:Poppins-Light;color:rgb(var(--primary-text-color));margin:0;padding:1rem 0;flex-grow:1}.portfolio-card ul{display:inline-flex;flex-wrap:wrap;gap:.5rem;padding:0 0 1rem;margin:0}.portfolio-card li{font-family:Inter;background-color:rgb(var(--primary-text-color));color:rgb(var(--secondary-text-color));border-radius:1rem;padding:.5rem .75rem;height:max-content;width:max-content}.portfolio-card__links{display:flex;gap:1rem;width:100%}.portfolio-card__links>*{flex-grow:1}.portfolio-card .btn,.portfolio-card .btn>span{width:100%}.portfolio-card .btn>button{width:calc(100% - 2*var(--button-horizontal-padding))}.section__about .section__container{grid-row:3;grid-column:2/14;display:grid;grid-template-columns:1fr;grid-template-rows:auto;align-items:center;justify-items:center;grid-column-gap:2.5rem;column-gap:2.5rem;margin-inline:auto;max-width:80rem}@media(min-width:55rem){.section__about .section__container{grid-column:4/12}}@media(min-width:82rem){.section__about .section__container{grid-column:4/12;grid-template-columns:repeat(2,1fr)}}.section__about .section__container .about__avatar img{mix-blend-mode:var(--image-blend-mode);opacity:var(--image-opacity);width:100%}.section__about .section__container .article__about{display:flex;flex-direction:column;align-items:center;margin:1rem 0}.section__about .section__container .article__about>h3{font-family:Post No Bills Jaffna Bold;font-size:2.25em;text-transform:uppercase;text-align:center;color:rgb(var(--theme-color));margin:0}.section__about .section__container .article__about>p{font-family:Poppins-Light;text-align:center;line-height:1.5em;width:inherit;margin:1.25em 0}.section__about .section__container .section__skills{display:flex;flex-direction:column}@media(min-width:82rem){.section__about .section__container .section__skills{grid-column:span 2}}.section__about .section__container .section__skills-list{margin-inline:auto;max-width:35rem}.section__about .section__container .section__skills-list ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em 4em;gap:1em 4em;padding:0 1em;margin-inline:auto}@media(min-width:43rem){.section__about .section__container .section__skills-list ul{grid-template-columns:repeat(3,1fr);margin:0;padding:0}}.section__about .section__container .section__skills-list li{display:flex;flex-direction:row;align-items:center;font-family:Poppins-Light;width:max-content}.section__about .section__container .section__skills-list li:before{content:"";height:.625em;width:.625em;margin-right:1em;border-radius:100%;background-color:rgb(var(--theme-color))}.section__contact .section__container{grid-row:3;grid-column:2/14;display:flex;flex-wrap:wrap;column-gap:8rem}@media(min-width:43rem){.section__contact .section__container{margin-inline:auto;grid-column:4/12}}.section__contact:has(.loader-dual-ring) .toast-overlay{position:fixed;height:100%;width:100%;top:0;transition:opacity .2s ease-out;pointer-events:none;background:rgba(0,0,0,.5);z-index:9999}.section__contact .section__info{display:flex;flex-direction:column;margin-inline:auto;padding-bottom:2.5rem;width:20em}.section__contact .section__info>h3{font-family:Post No Bills Jaffna Bold;font-size:2.25em;text-transform:uppercase;text-align:left;color:rgb(var(--theme-color));margin:.25em 0 0}.section__contact .section__info>p{font-family:Poppins-Light;line-height:1.5em;text-align:left;width:inherit;margin:1.5em 0}.section__contact .section__info>.info__links{display:inline-flex;justify-content:space-between}.section__form{display:flex;flex-direction:column;width:max-content;margin-inline:auto}.section__form>.input__group{padding:1rem 0 0}.section__form>.input__group:nth-child(2){padding:0}.section__form>.input__group:nth-child(4){padding-bottom:1rem}.section__form>.input__group>.input__label{font-size:.875rem}.section__form>button{margin-top:1.5em;align-self:flex-end}.footer{height:20rem;background-color:rgb(var(--theme-color))}@media(min-width:82rem){.footer{height:auto}}.footer__section>*{margin-inline:auto;padding-bottom:10rem}.footer__title{font-family:Post No Bills Jaffna Bold;text-transform:uppercase;color:rgb(var(--light-primary-text-color));font-size:2.5em;padding:1.25em 0 0;width:max-content}@media(min-width:43rem){.footer__title{padding-top:2em}}.footer__content{font-family:Poppins-Light;color:rgb(var(--light-primary-text-color));padding:1.5em 0 2.25em;width:max-content}@media(min-width:43rem){.footer__content{padding-bottom:4.25em}}header{display:inline-flex;justify-content:center;position:fixed;bottom:0;left:0;min-width:32.5rem;width:100%;z-index:9999;background-color:rgba(var(--transparent))}@media(min-width:82rem){header{top:0;bottom:auto}}.section__home{align-items:center;justify-content:center;min-height:calc(var(--vh, 1vh)*100);transition:min-height .2s;grid-template-rows:6rem auto 1fr auto 6rem}@media(min-width:62rem){.section__home{grid-template-rows:6rem auto 1fr auto 2rem}}.section__home .section__background{position:absolute;mix-blend-mode:var(--image-blend-mode);opacity:var(--image-opacity)}.section__home .section__background-mobile{top:50%;left:50%;-khtml-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(80% - 3rem);height:70%}@media(min-width:62rem){.section__home .section__background-mobile{display:none}}.section__home .section__background-desktop{display:none}@media(min-width:62rem){.section__home .section__background-desktop{display:block;position:absolute;right:1.5rem;bottom:2rem;height:calc(85% - 6rem)}}.section__home .section__container{grid-row:3;grid-column:4/8;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50%;z-index:999}@media(min-width:62rem){.section__home .section__container{align-items:flex-start;grid-column:4/6;margin-top:auto}}.section__home .section__container .section__title{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0;text-transform:uppercase}@media(min-width:43rem){.section__home .section__container .section__title{font-size:1.5rem}}@media(min-width:62rem){.section__home .section__container .section__title{align-items:flex-start}}.section__home .section__container .section__title-name{display:flex;flex-direction:column;align-items:center;font-family:Post No Bills Jaffna Bold;font-size:3em;color:rgb(var(--theme-color))}@media(min-width:62rem){.section__home .section__container .section__title-name{align-items:flex-start}}.section__home .section__container .section__title-position{align-self:center;font-family:Poppins-Light;line-height:1.5em}@media(min-width:62rem){.section__home .section__container .section__title-position{align-self:flex-start}}.section__home .section__container .section__buttons{display:flex;flex-flow:row wrap;justify-content:center;padding-top:1rem;width:110%}@media(min-width:62rem){.section__home .section__container .section__buttons{justify-content:flex-start;width:100%}}.section__home .section__container .section__buttons :first-child{margin-right:1em}@media(min-width:43rem){.section__home .section__container .section__buttons :first-child{margin-right:1.5em}}.section__home .section__scroll-down{grid-row:4;grid-column:9/10;margin-left:auto;margin-bottom:4rem;z-index:999;display:flex;flex-direction:column-reverse;align-items:center;gap:1.5em;width:max-content}@media(min-width:43rem){.section__home .section__scroll-down{margin-left:0;margin-bottom:0;margin-top:auto;grid-column:2/3}}.section__home .section__scroll-down .line{width:.1em;height:4.375em;background-color:rgb(var(--primary-text-color))}.section__home .section__scroll-down .section__icons{display:flex;flex-direction:column;justify-content:space-between}.section__home .section__scroll-down .section__icons .icon-container{height:1.5em;width:1.5em}.section__home .section__scroll-down .section__icons .icon-container:not(:last-child){margin-bottom:1.5rem}.section__home .section__scroll-down .section__icons .icon-container .icon{width:1em}.section__home .lines-bottom,.section__home>.lines-top{display:none}.section#home{padding:0}.nav{display:flex;justify-content:space-between;align-items:center;height:6rem;padding:0 1.5rem;margin:0 1.5rem 1.5rem;width:100%;max-width:35rem;border-radius:1.5rem;background-color:rgb(var(--primary-bg-color));box-shadow:0 -1px 4px rgba(var(--box-shadow),.5)}@media(min-width:82rem){.nav{max-width:none;margin:0;border-radius:0;box-shadow:none}}.nav__list{display:grid;place-items:center;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;padding:0 2rem}@media(min-width:82rem){.nav__list{display:inline-flex;align-items:center;justify-content:center;gap:5rem;width:100%;margin:0;height:6rem}}.nav__list-item{padding:1rem 0}.nav__list-item>a{position:relative;display:grid;place-items:center;grid-gap:1rem;gap:1rem;font-family:Poppins-Light;text-decoration:none;text-transform:uppercase;color:rgb(var(--primary-text-color));width:max-content;cursor:none}.nav__list-item>a.active-link:before{opacity:1;-khtml-transform:translateX(0);transform:translateX(0)}.nav__list-item>a.active-link:before,.nav__list-item>a:before{content:"";display:block;position:absolute;left:0;bottom:-1rem;width:100%;height:4px;background-color:rgb(var(--theme-color));transition:var(--slide)}.nav__list-item>a:before{opacity:0;-khtml-transform:translateX(100px);transform:translateX(100px)}.nav__list-item>a:hover:before{opacity:1;-khtml-transform:translateX(0);transform:translateX(0)}.nav__list-item>a>svg{height:2rem;width:2rem}@media(min-width:82rem){.nav__list-item>a>svg{display:none}}.nav__list-item>a.about path,.nav__list-item>a.portfolio path{fill:rgb(var(--primary-text-color))}.nav__list-item>a.contact circle,.nav__list-item>a.contact line,.nav__list-item>a.contact path,.nav__list-item>a.experience g,.nav__list-item>a.experience g>line,.nav__list-item>a.home path{stroke:rgb(var(--primary-text-color))}.nav__logo{text-decoration:none;font-family:Poppins-Bold;color:rgb(var(--theme-color));padding-top:.25rem;cursor:none}@media(min-width:82rem){.nav__logo{z-index:999}}.nav__toggle{position:relative;display:flex;align-items:center;flex-direction:row-reverse;gap:2rem;height:2.625rem}.nav__menu{position:fixed;bottom:-100%;left:50%;-khtml-transform:translate(-50%);transform:translate(-50%);width:calc(100% - 3rem);box-shadow:0 -1px 4px rgba(var(--box-shadow),.5);background-color:rgb(var(--primary-bg-color));padding:2rem 0;border-radius:1.5rem;margin:0 auto 1.5rem;max-width:37.5rem;transition:.4s}@media(min-width:82rem){.nav__menu{box-shadow:unset}}.nav__menu.show{bottom:8rem}.nav__menu.scroll-header{box-shadow:0 -1px 4px rgba(var(--box-shadow),.5)}@media(min-width:82rem){.nav__menu{top:0;bottom:auto;max-width:none;margin:0;padding:0;width:100%;border-radius:0;background-color:rgb(var(--primary-bg-color))}}.menu-trigger{width:2.625rem;height:2.625rem}.menu-trigger path{fill:rgb(var(--primary-text-color))}:is(.open-trigger,.close-trigger).hidden{display:none}@media(min-width:82rem){.close-trigger,.open-trigger{display:none}}.section__portfolio .portfolio__filter{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:0;margin-bottom:2.5rem;padding:0;grid-row:1;grid-column:1/6;max-width:80rem}@media(min-width:62rem){.section__portfolio .portfolio__filter{grid-column:2/5}}.section__portfolio .portfolio__filter li{font-family:Inter;border:.15rem solid rgb(var(--primary-text-color));color:rgb(var(--primary-text-color));border-radius:1rem;width:max-content;transition:.4s}@media(min-width:62rem){.section__portfolio .portfolio__filter li:hover{background-color:rgb(var(--primary-text-color));color:rgb(var(--primary-bg-color))}}.section__portfolio .portfolio__filter li:focus{background-color:rgb(var(--primary-text-color));color:rgb(var(--primary-bg-color))}.section__portfolio .portfolio__filter li:has(input:checked){background-color:rgb(var(--primary-text-color));color:rgb(var(--primary-bg-color))}.section__portfolio .portfolio__filter li label{display:block;padding:.5rem .75rem}.section__portfolio .portfolio__filter li input{display:none}.section__portfolio .portfolio__container{grid-row:3;grid-column:2/14;display:grid;grid-template-rows:auto 1fr;grid-template-columns:repeat(5,1fr);margin-inline:auto;width:100%}@media(min-width:62rem){.section__portfolio .portfolio__container{grid-column:3/13}}.section__portfolio .portfolio__show-more{grid-row:3;grid-column:3/4;margin-top:2.5rem;background:none;border:none;font-family:Poppins-Bold;color:rgb(var(--primary-text-color));text-transform:uppercase;font-size:1.25rem;padding:.75rem 1.5rem;border-radius:1rem;margin-inline:auto;width:max-content;outline:.125rem solid transparent;transition:.4s}.section__portfolio .portfolio__show-more:hover{outline-color:rgb(var(--primary-text-color))}.section__portfolio .portfolio__list{grid-row:2;grid-column:1/6;display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-inline:auto;width:100%;max-width:80rem}.section__portfolio .portfolio__list-item{display:flex}@media(min-width:55rem){.section__portfolio .portfolio__list{grid-template-columns:repeat(2,1fr)}}@media(min-width:62rem){.section__portfolio .portfolio__list{grid-template-columns:repeat(3,1fr)}}.section{position:relative;padding:1.5rem 0;width:100%;background-color:rgb(var(--primary-bg-color))}.section p{font-size:1em}.section__title{display:grid;grid-template-columns:repeat(2,max-content);place-items:center;grid-gap:1.25em;grid-row:2;grid-column:7/9;width:max-content;margin:0 auto 2.5rem}.section__title>h2{font-family:Poppins-Light;font-size:1.5em;font-weight:400;text-transform:uppercase;margin:0}.section__title>span{height:.2em;width:4.375em;background-color:rgb(var(--primary-text-color))}@keyframes pulse{0%{background:hsla(0,0%,72%,.25)}25%{background:hsla(0,0%,72%,.45)}50%{background:hsla(0,0%,72%,.5)}75%{background:hsla(0,0%,72%,.45)}to{background:hsla(0,0%,72%,.25)}}.lines-bottom,.lines-top{position:relative;height:4.5rem}.lines-bottom>i,.lines-top>i{position:relative;animation:pulse 2.5s linear infinite}.lines-top{grid-row:1;grid-column:2/8;padding-bottom:1.5rem}.lines-top>i{position:absolute;height:1rem;border-radius:1rem}.lines-top>i.top-line{width:100%}.lines-top>i.bottom-line{width:80%;top:2rem}.lines-bottom{grid-row:4;grid-column:8/14;padding-top:1.5rem}.lines-bottom>i{position:absolute;height:1rem;border-radius:1rem;right:0;bottom:0}.lines-bottom>i.top-line{width:80%;bottom:2rem}.lines-bottom>i.bottom-line{width:100%}.section__experience .vertical-timeline{grid-row:3;grid-column:2/14}@media(min-width:82rem){.section__experience .vertical-timeline{grid-column:4/12}}.grid{display:grid}.grid-section{grid-template-rows:repeat(4,auto);grid-template-columns:1.5rem 2rem repeat(10,1fr) 2rem 1.5rem}.grid-home{grid-template-columns:1.5rem 2rem 2.5rem repeat(4,1fr) 2.5rem 2rem 1.5rem}