@import"https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;700&display=swap";:root{font-family:"Baloo Da 2",Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root{color-scheme:light dark;color:#ffffffde;background-color:#242424}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.menu-btn{position:absolute;z-index:3;right:35px;top:35px;cursor:pointer;transition:all .5s ease-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px;background:#fff;border-radius:2px;transition:all .5s ease-out}.menu-btn.close{transform:rotate(180deg)}.menu-btn.close .btn-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.menu{position:fixed;top:0;width:100%;opacity:.9;visibility:hidden}.menu.show{visibility:visible}.menu-branding,.menu-nav{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;float:left;width:50%;height:100vh}.menu-nav{margin:0;padding:0;background:#192836;transform:translate3d(0,-100%,0);list-style:none;transition:all .5s ease-out}.menu-nav.show{transform:translateZ(0)}.menu-branding{background:#213547;transform:translate3d(0,100%,0);transition:all .5s ease-out}.menu-branding.show{transform:translateZ(0)}.menu-branding .portrait{width:250px;height:250px;background:url(/assets/snbhante.png);background-attachment:fixed;background-size:cover;border:3px solid #ce8400;border-radius:50%}.menu .nav-item{width:100%;text-align:center;transform:translate3d(600px,0,0);transition:all .5s ease-out}.menu .nav-item.show{transform:translateZ(0)}.menu .nav-item.current>a{color:#ce8400}.menu .nav-link{display:inline-block;position:relative;font-size:30px;text-transform:uppercase;padding:1rem 0;font-weight:300;color:#fff;text-decoration:none;transition:all .5s ease-out}.menu .nav-link:hover,.menu .nav-link.active{color:#ce8400}.menu .nav-link.active:hover{color:#fff}.nav-item:nth-child(1){transition-delay:.1s}.nav-item:nth-child(2){transition-delay:.2s}.nav-item:nth-child(3){transition-delay:.3s}.nav-item:nth-child(4){transition-delay:.4s}.nav-item:nth-child(5){transition-delay:.5s}.nav-item:nth-child(6){transition-delay:.6s}svg.clock{width:200px;margin:0 auto;display:none}svg.clock path{fill:#fff;stroke:none;opacity:.06}svg.clock .segment{transition:opacity .2s;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s}svg.clock .segment.on{opacity:1}svg.clock .separator{opacity:1;animation:dots 1s infinite}@keyframes dots{0%{opacity:.1}50%{opacity:.1}}@media screen and (min-width:769px)and (max-width:1170px){.projects{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){main{align-items:center;text-align:center}main .lg-heading{line-height:1;margin-bottom:1rem}ul.menu-nav,div.menu-branding{float:none;width:100%;min-height:0}ul.menu-nav.show,div.menu-branding.show{transform:translateZ(0)}.menu-nav{height:75vh;transform:translate3d(-100%,0,0);font-size:24px}.menu-branding{height:25vh;transform:translate3d(100,0,0)}.menu-branding .portrait{width:150px;height:150px}.lg-heading{margin-top:12vh;font-size:3rem}.about-info{grid-template-areas:"bioimg" "bio" "job1" "job2" "job3";grid-template-columns:1fr}.about-info .bio-image{height:250px;margin:50px auto}.projects{grid-template-columns:repeat(2,1fr)}.contact-form form .row{display:block;margin-bottom:1rem}.contact-form form .row .input-group{width:100%}}@media screen and (max-width:500px){.menu-nav{transform:translate3d(0,100%,0)}.menu-nav .nav-item>a{font-size:20px}.menu-branding{transform:translate3d(0,-100%,0)}.menu-branding .portrait{width:125px;height:125px}main#home .lg-heading{margin-top:12vh;font-size:4rem;font-weight:600}main#home .lg-heading span{font-size:6.3rem;font-weight:400}main#home .sm-heading{font-size:1.5rem;font-weight:300;padding:1rem .5rem;background:#243a4e80}main#home .icons{margin-top:30px}main#home a{font-size:1.2rem}.projects{grid-template-columns:repeat(1,1fr)}}*{margin:0;padding:0;border:none;outline:none;line-height:1.3em;box-sizing:border-box;scroll-behavior:smooth;font-family:"Baloo Da 2",sans-serif;-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}html#bg-image,body#bg-image{background:url(/assets/monk.gif);background-attachment:fixed;background-size:cover}html#bg-image:after,body#bg-image:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;background:#21354780}html,body{width:100%;height:100%;min-width:100vw;min-height:100vh;overflow:scroll;font-size:13px;line-height:1.5;background:#213547;color:#fff;-ms-overflow-style:none;scrollbar-width:none}html ::-webkit-scrollbar,body ::-webkit-scrollbar{display:none}h1,h2,h3{margin:0;font-weight:400}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:6rem}h1.sm-heading,h2.sm-heading,h3.sm-heading{font-size:2rem;padding:2rem 1rem;border-radius:3px;background:#243a4e80}a{display:inline-flex;color:#fff;text-decoration:none}header{position:fixed;z-index:2;width:100%}.text-secondery{color:#ce8400}main{padding:4rem;min-height:calc(100vh - 60px)}main .icons{margin-top:1rem;margin-bottom:1rem}main .icons a{padding:.4rem}main .icons a:hover{transition:all .5s ease-out;color:#ce8400}main .icons a img{height:40px}main#home{overflow:hidden}main#home h1{margin-top:20vh}.about-info{display:grid;grid-gap:30px;grid-template-areas:"bioimg bio bio" "job1 job2 job3";grid-template-columns:repeat(3,1fr)}.about-info .bio-image{width:250px;height:250px;grid-area:bioimg;margin:auto;border-radius:50%;border:3px solid #ce8400}.about-info .bio{grid-area:bio;font-size:1.5rem}.about-info .job-1{grid-area:job1}.about-info .job-2{grid-area:job2}.about-info .job-3{grid-area:job3}.about-info .job{padding:.5rem;background:#294258;border-bottom:5px solid #ce8400}.projects{margin-top:10px;display:grid;grid-gap:.7rem;grid-template-columns:repeat(3,1fr)}.projects img{width:100%;padding:10px;border:3px solid #fff}.projects img:hover{opacity:.5;border-color:#ce8400;background:#ce8400;transition:all .5s ease-out}.contact-form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.contact-form .boxes{width:100%;max-width:600px;padding:1rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin-bottom:2rem}.contact-form .boxes div{padding:1rem .5rem;transition:all .5s ease-out}.contact-form .boxes div:hover{color:#ce8400}.contact-form .boxes div:hover span{color:#fff}.contact-form form{width:100%;max-width:600px}.contact-form form .row{display:flex;align-items:center;justify-content:space-between}.contact-form form .row .input-group{flex-basis:48%}.contact-form form .input-group{margin-bottom:2rem;position:relative}.contact-form form .input-group input,.contact-form form .input-group textarea{width:100%;padding:1rem;outline:none;border-radius:5px;border:1px solid rgb(59.5739064857%,70.9615384615%,81.2104072398%);color:#fff;background-color:#213547}.contact-form form .input-group label{height:100%;position:absolute;top:0;left:0;cursor:text;padding:1rem;transition:.2s;color:#fff}.contact-form form .input-group input:focus,.contact-form form .input-group input:valid,.contact-form form .input-group textarea:focus,.contact-form form .input-group textarea:valid{margin-top:10px;border-color:#ce8400}.contact-form form .input-group input:focus~label,.contact-form form .input-group input:valid~label,.contact-form form .input-group textarea:focus~label,.contact-form form .input-group textarea:valid~label{top:-25px;font-size:14px;margin-left:-1rem;font-weight:700;color:#ce8400}.contact-form form button{width:100%;padding:1rem 0;cursor:pointer;border-radius:5px;border:1px solid rgb(59.5739064857%,70.9615384615%,81.2104072398%);color:#fff;background-color:#213547}.contact-form form button:hover{font-weight:700;color:#000;background-color:#ce8400;border:1px solid #ce8400}.login{font-size:16px}.login p:last-child{margin-top:50px}.login p:last-child a{cursor:pointer;font-weight:700;color:#ce8400}.btn,.btn-light,.btn-dark{display:block;padding:.5rem 1rem;border:0;margin-bottom:.3rem;text-align:center}.btn:hover,.btn-light:hover,.btn-dark:hover{background:#ce8400;color:#000}.btn-dark{background:#000;color:#fff}.btn-light{background:#98b5cf;color:#000}#main-footer{padding:1rem;text-align:center;color:#fff;background:#111b24}@media screen and (min-width:1171){.projects{grid-template-columns:repeat(4,1fr)}}