@import url(https://fonts.googleapis.com/css2?family=Chathura:wght@100;300;400;700;800&family=Delius&family=Orbitron:wght@400..900&family=Quintessential&display=swap);@import url(https://fonts.googleapis.com/css2?family=Delius&family=Orbitron:wght@400..900&family=Quintessential&display=swap);.font{font-family:Chathura,sans-serif!important;font-style:normal!important;font-weight:800}.formal{font-family:Orbitron,sans-serif!important;font-optical-sizing:auto;font-style:normal!important}body{-ms-overflow-style:none;background-color:initial;margin:0;overflow:hidden;scrollbar-width:none;-webkit-user-select:none;user-select:none}.body::-webkit-scrollbar{display:none}@media (max-width:425px){.outer .inner{height:18vh;padding-top:0;width:100vw}.outer .inner .h3{font-size:6vw!important;height:fit-content}.outer .inner p{font-size:10px!important;margin:5px 0 0!important}.certificate,.contact,.overview,.resume{height:25vh!important;width:99vw!important}.resume{place-items:center;top:18vh!important}.contact,.resume{display:grid;justify-content:start}.contact{place-items:center;top:43vh!important}.overview{place-items:center;top:68vh!important}.certificate,.overview{display:grid;justify-content:start}.certificate{place-items:center;top:93vh!important}.faq-button{left:74vw!important;top:5vh!important}.close-btn,.faq-button{width:15vw!important}body{-ms-overflow-style:auto;overflow-y:auto;scrollbar-width:auto}.outer,body{overflow-x:hidden}.outer{flex-direction:column!important;flex-wrap:nowrap!important}.box2{display:none!important}.box1,.box3,.box4,.box5,.box6{width:99vw!important}body nav{flex-direction:column!important;height:15vh!important;width:99vw}.nav1{column-count:2;flex-direction:row!important;flex-wrap:wrap;justify-content:space-around!important;width:99vw!important}.box13,.box14,.box15,.box16,.outer .nav1 .box12{font-size:4vw!important;height:4vh;padding:0!important;width:30vw}.outer .nav1 .box12{width:12vw}#root .outer .box11{font-size:clamp(20px,8vw,30px)!important;height:7vh;text-align:center!important;width:85vw}.box1 #list-cont{font-size:clamp(15px,4vw,30px)!important}.box1 .inner-box1 label,.box3 .inner-box3 label{font-size:6vw!important}.box3 .inner-box3 span{font-size:clamp(15px,3.5vw,30px)!important}.box3 #proj-list-cont{font-size:clamp(15px,4vw,30px)!important}.box4 .inner-box4 label{font-size:6vw!important}.box4 .inner-box4 p{font-size:clamp(15px,4vw,30px)!important}.box5 .inner-box5 label{font-size:6vw!important}.box5 .inner-box5 p,.box6 div{font-size:clamp(15px,4vw,30px)!important}.box6 .fa-xl{font-size:clamp(15px,5vw,30px)!important}.r-pic img{height:150%;width:75%!important}.cv-btn,.cv-btn a{height:3vh}.c-pic img{height:150%;width:75%!important}.c-btn,.c-btn a{height:3vh}.box13,.box14,.box15,.box16,.c_outer .nav1 .box12{font-size:4vw!important;height:4vh;padding:0!important;width:30vw}.c_outer .nav1 .box12{width:12vw}#root .c_outer .box11{font-size:clamp(20px,8vw,30px)!important;height:7vh;text-align:center!important;width:85vw}.div1{height:83vh!important;top:16vh!important;width:99vw!important}.div2{display:none}}@media (max-width:350px){.faq-button{width:18vw!important}}@media (min-width:426px) and (max-width:768px){body{-ms-overflow-style:auto;overflow-y:auto;scrollbar-width:auto}.outer,body{overflow-x:hidden}.outer{flex-direction:column!important;flex-wrap:nowrap!important}.box2{display:none!important}.box1,.box3,.box4{width:99vw!important}body nav{flex-direction:column!important;height:15vh!important;width:99vw}.nav1{column-count:2;flex-direction:row!important;flex-wrap:wrap;justify-content:space-around!important;width:99vw!important}.box13 a,.box14 a,.box15 a,.box16 a,.outer .nav1 .box12{font-size:clamp(15px,4vw,20px)!important;height:4vh;padding:0!important;width:30vw}.outer .nav1 .box12{width:12vw}#root .outer .box11{font-size:clamp(25px,8vw,35px)!important;height:7vh;text-align:center;width:95vw}.inner{padding-top:15vh!important}.faq-button{top:85vh!important;width:15vw!important}.box1 #list-cont{font-size:clamp(15px,3vw,50px)!important}.box1 .inner-box1 label,.box3 .inner-box3 label{font-size:clamp(25px,4vw,60px)!important}.box3 .inner-box3 span{font-size:clamp(15px,2vw,50px)!important}.box3 #proj-list-cont{font-size:clamp(15px,3vw,50px)!important}.box4 .inner-box4 label{font-size:clamp(25px,4vw,60px)!important}.box4 .inner-box4 p{font-size:clamp(15px,3vw,50px)!important}.box5{width:99vw!important}.box5 .inner-box5 label{font-size:clamp(25px,4vw,60px)!important}.box5 .inner-box5 p{font-size:clamp(15px,3vw,50px)!important}.box6{width:99vw!important}.box6 div{font-size:clamp(15px,3vw,50px)!important}.outer .inner{height:100vh!important;padding-top:20vh;width:35vw!important}.outer .inner .h3{font-size:35px!important;height:fit-content}.outer .inner p{font-size:20px!important}.inner2{position:absolute}.certificate,.contact,.overview,.resume{display:grid;height:25vh!important;left:35vw;place-items:center;width:85vw!important}.resume{top:0!important}.contact,.resume{justify-content:start}.contact{top:25vh!important}.overview{justify-content:start;top:50vh!important}.certificate{justify-content:start;top:75vh!important}.box13,.box14,.box15,.box16,.c_outer .nav1 .box12{font-size:clamp(15px,4vw,20px)!important;height:4vh;padding:0!important;width:30vw}#root .c_outer .box11{font-size:clamp(25px,8vw,35px)!important;height:7vh;text-align:center;width:95vw}.div2{display:none}.div1{height:83vh!important;top:16vh!important;width:99vw!important}.r-pic img{height:150%;width:75%!important}.cv-btn{height:clamp(5px,8vw,45px)}.cv-btn a{font-size:clamp(5px,3vw,30px);height:50vh}}@media (min-width:500px) and (max-width:768px){.light-background .outer nav .nav1{width:99vw!important}.box13,.box14,.box15,.box16,.outer .nav1 .box12{font-size:clamp(15px,4vw,20px)!important;height:4vh;padding:0!important;width:30vw}}@media (min-width:426px) and (max-width:608px){.inner{padding-top:1vh!important}.faq-button{top:90vh!important;width:15vw!important}}.outer{column-count:3;display:flex;flex-direction:row;flex-wrap:wrap}.box5{height:37vh;width:25vw}.box5 .inner-box5{padding:2% 0 0 2.1%;width:100%}.inner-box5 label{font-size:clamp(10px,2.3vw,70px);padding:0;text-decoration:underline}.inner-box5 p{font-size:clamp(10px,1.6vw,50px);margin:2% 0 0;padding:0}.dark-background{background-color:#503c3c;color:#fff}.light-background{background-color:#faf7f0;color:#000}.light-background .certificate:hover,.light-background .contact:hover,.light-background .faq-button:hover,.light-background .not-found-home-link:hover,.light-background .overview:hover,.light-background .resume:hover{background-color:#a67b5b;box-shadow:0 4px 8px #000;color:#fff;cursor:pointer;transition:all .3s ease}.dark-background .certificate:hover,.dark-background .contact:hover,.dark-background .faq-button:hover,.dark-background .overview:hover,.dark-background .resume:hover{background-color:#a87c7c;box-shadow:0 4px 8px #000;color:#000;cursor:pointer;transition:all .3s ease}.light-background .inner{background-color:#a67b5b}.dark-background .inner,.dark-mode{background-color:#a87c7c}.light-mode{background-color:#a67b5b}.box{border-radius:15px;display:flex;flex-direction:column;margin:.5%}nav{margin-top:15px}.nav1,nav{border-radius:15px;display:flex;flex-direction:row!important;height:10vh;position:relative;width:99vw}.nav1{justify-content:flex-end}.boxx{align-content:center;background-color:initial;border:none;font-size:clamp(8px,1.2vw,40px)}.box11{font-size:clamp(10px,2vw,70px)!important;font-weight:500;height:100%;padding-left:1vw;width:23vw}.box12 i{background-color:initial}nav button:hover{cursor:pointer;text-decoration:underline}.completed{color:#00000080;text-decoration:line-through}.box2{height:45vh;overflow:hidden;position:relative!important;width:16vw;z-index:1}.box2 img{height:85%;margin:5%;opacity:80%;width:90%}.box2 img,.name{border-radius:15px}.name{align-content:center;background-color:#00000080;color:#fff;height:45vh;padding:10px;position:absolute;top:100vh;transition:all .5s;width:100%;z-index:2}.name label{font-size:clamp(10px,3.5vw,1000px);line-height:15vh}.box2:hover .name{cursor:pointer;top:0!important}.box4{height:37vh;left:15px;top:105%;width:35vw}.box4 .inner-box4{padding:2% 0 0;width:100%}.inner-box4 label{font-size:clamp(10px,2.3vw,70px);margin:0 0 0 1.5%;padding:0;text-decoration:underline}.inner-box4 p{font-size:clamp(10px,1.6vw,50px);margin:1.5% 0 0 1.5%;padding:0}.box3{height:45vh;right:15px;top:22%;width:41vw}.box3 .inner-box3{padding:2% 0 0;width:100%}.inner-box3 label{font-size:clamp(10px,2.3vw,70px);margin:0 0 0 1.5%;padding:0;text-decoration:underline}.box1{height:45vh;width:40vw}.fa-fan{margin-left:90%;margin-top:5%}.box1 .inner-box1{font-size:clamp(10px,1.2vw,50px);padding:2% 0 0;width:100%}.inner-box1 label{font-size:clamp(10px,2.3vw,70px)!important;margin-left:1vw;padding:0;text-decoration:underline}.inner-box1 i{margin-left:10%}.completed-task{color:#0009;text-decoration:line-through}.box6{display:flex;font-size:clamp(10px,1.5vw,50px);height:20vh;justify-content:space-around;width:37vw}.fa-brands{background-color:initial;font-size:clamp(10px,2vw,50px)!important}.fa-instagram{color:#9400d3}a{color:#000;padding:0 10px}.social{align-content:center;padding-left:1vw}.c_outer{background-color:initial;display:flex;height:100vh;position:relative}.div1{border-radius:15px;height:84vh;margin:.5%;position:absolute;top:12vh;width:45vw}.label1{font-size:110%;text-decoration:underline;top:4%}.label1,.label2{position:absolute;text-align:center;width:100%}.label2{font-size:18px;top:12%}.num{top:28%}.mail,.num{font-size:130%;position:absolute;text-align:center;width:100%}.mail{top:35%}iframe{border-radius:10px;display:flex;height:35vh;justify-self:center;margin-bottom:2.5%;margin-top:45vh;width:95%}.div2{margin:.5% 0 .5% .5%;position:absolute;right:.5%;top:12vh}.div2,img{border-radius:15px;height:84vh;width:52vw}img{opacity:.75}.outer{background-color:initial;height:100vh;position:relative}.inner{border-right:.5vw solid #000;padding-top:50vh;width:35vw}h1{font-size:clamp(10px,3.5vw,1000px)!important;font-weight:400;margin:none;padding-left:clamp(10px,4vw,1000px)!important}.h4{font-size:clamp(7px,2.5vw,1000px)}.h4,p{padding-left:clamp(10px,4vw,1000px)}p{font-size:clamp(10px,1.5vw,1000px)}.font{font-size:clamp(10px,10.5vw,1000px);height:24.75vh!important;line-height:clamp(10px,100%,10000px);overflow:hidden;padding-left:18vw;position:absolute;width:52.4vw}.font:hover{padding-left:15vw}.resume{height:25vh!important}.contact{top:25vh}.overview{top:50vh}.certificate{top:75vh}.link{color:inherit;text-decoration:none}.link,.link:focus{outline:none}.faq-button{border:none;border-radius:5px;cursor:pointer;font-size:clamp(10px,1.5vw,1000px);height:7.5vh;left:3.5vw;padding:10px 15px;position:absolute;top:90vh;transition:.5s;width:7.5vw}dialog[popover]{border:none;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:600px;padding:20px;transition:transform .3s ease-in-out;width:90%}dialog[popover]::backdrop{background:#00000080}.FAQs h2{font-family:Chathura,sans-serif;font-size:clamp(20px,3.5vw,1000px);font-weight:800;margin:0!important}.FAQs h2,.faq-item{-webkit-user-select:none;user-select:none}.faq-item{border-bottom:1px solid #ddd;padding:10px 0}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:clamp(20px,3.5vw,1000px);font-weight:800;justify-content:space-between;padding:0;text-align:left;-webkit-user-select:none;user-select:none;width:100%}.faq-answer,.faq-question{font-family:Chathura,sans-serif}.faq-answer{font-size:clamp(15px,2.5vw,1000px);font-weight:700;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out}.faq-answer.show{max-height:100px;padding:10px}.arrow.open{transform:rotate(180deg)}.close-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-size:clamp(10px,1.5vw,1000px);height:7.5vh;margin-top:20px;padding:10px;width:7.5vw}.r-pic{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;height:85vh;overflow:scroll;scrollbar-width:none;width:100vw}.r-pic img{height:150vh;opacity:1!important;width:50%}.cv-btn{background-color:initial;border:none;border-radius:5px;float:right;font-size:clamp(5px,2vw,25px);width:auto}.cv-btn a{background-color:gray;height:100%;width:100%}.certificate1{border:none;border-radius:15px;margin:0 .5%}.c-pic,.certificate1{height:85vh;width:100vw}.c-pic{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;overflow:scroll;scrollbar-width:none}.c-pic img{height:150vh;opacity:1!important;width:50%}.btns{height:auto;width:100vw}.c-btn{background-color:initial;border:none;border-radius:5px;float:right;font-size:clamp(5px,2vw,25px);width:auto}.c-btn a{background-color:gray;height:100%;width:100%}*{background-color:inherit}.not-found-container{box-sizing:border-box;height:80vh;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90vw}.not-found-text{font-size:4vw;height:50%;margin:0;padding:0}.not-found-home-link,.not-found-text{font-family:Chathura,sans-serif!important;font-style:normal!important;font-weight:800;text-align:center}.not-found-home-link{border-radius:5px;font-size:3vw;text-decoration:none;transition:background-color .3s}
/*# sourceMappingURL=main.af6ba90b.css.map*/