:root{--background-color:#ffffff;--default-color:#000000;--accent-color:#67cdd8;--accent-color-hover:#26929d;--contrast-color:#ffffff;--nav-background-color:#040d15;--heading-color:#ffffff;--nav-color:#a8a9b4;--nav-hover-color:#ffffff;--nav-dropdown-background-color:#040b14;--nav-dropdown-color:#a8a9b4;--nav-dropdown-hover-color:#ffffff;scroll-behavior:smooth}.dark-background{--background-color:#040b14;--default-color:#ffffff;--heading-color:#ffffff;--surface-color:#151f2b}body{background-color:var(--background-color);color:var(--default-color)}a{color:var(--accent-color);transition:.3s}a,a:hover{text-decoration:none}a:hover{color:color-mix(in srgb,var(--accent-color),transparent 25%)}h1,h2,h3,h4,h5,h6{color:var(--default-color)}.header{color:var(--accent-color);background-color:var(--nav-background-color);position:fixed;top:0;left:0;bottom:0;padding:0 15px;width:300px;transition:all .3s ease-in-out;overflow-y:auto;z-index:997;border-right:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}.header .profile-icn img{margin:15px auto;display:block;width:120px;border:8px solid color-mix(in srgb,var(--default-color),transparent 85%)}.header .logo{line-height:1;margin-bottom:15px}.header .logo img{max-height:32px;margin-right:8px}.header .logo h1{font-size:24px;margin:0;font-weight:700;color:var(--heading-color)}.header .social-link{margin:0 0 20px}.header .social-link a{font-size:16px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--heading-color);margin:0 2px;border-radius:50%;text-align:center;width:40px;height:40px;transition:.3s}.header .social-links a:hover{color:var(--contrast-color);background:var(--accent-color)}@media (min-width:1200px){.header~#footer,.header~main{margin-left:300px}}@media (max-width:1199px){.header{left:-100%}}.header.header-show{left:0}.header .header-toggle{color:var(--contrast-color);background-color:var(--accent-color);font-size:22px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;cursor:pointer;position:fixed;top:15px;right:15px;z-index:9999;transition:background-color .3s}.header .header-toggle:hover{color:var(--contrast-color);background-color:color-mix(in srgb,var(--accent-color) 90%,white 15%)}.mobile-nav-toggle{display:none}.navmenu{padding:0;z-index:9997}.navmenu ul{list-style:none;padding:0 0 20px;margin:0}.navmenu a,.navmenu a:focus{color:var(--nav-color);padding:15px 10px;font-size:16px;font-weight:400;display:flex;align-items:center;white-space:nowrap;transition:.3s;width:100%}.navmenu a .navicon,.navmenu a:focus .navicon{font-size:20px;margin-right:10px}.navmenu a .toggle-dropdown,.navmenu a:focus .toggle-dropdown{font-size:12px;line-height:0;margin-left:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;flex-shrink:0;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)}.navmenu a .toggle-dropdown:hover,.navmenu a:focus .toggle-dropdown:hover{background-color:var(--accent-color);color:var(--contrast-color)}.navmenu .active,.navmenu .active:focus,.navmenu a:hover{color:var(--nav-hover-color)}.navmenu .active .navicon,.navmenu .active:focus .navicon,.navmenu a:hover .navicon{color:var(--accent-color)}.navmenu .active .toggle-dropdown,.navmenu .active:focus .toggle-dropdown{background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg)}.navmenu .dropdown{display:block}.navmenu .dropdown a,.navmenu .dropdown a:focus{color:var(--nav-dropdown-color)}.navmenu .dropdown .active,.navmenu .dropdown .active:focus,.navmenu .dropdown a:hover{color:var(--nav-dropdown-hover-color)}.navmenu .dropdown ul{position:static;display:none;z-index:99;padding:5px 10px;margin:5px 10px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all .5s ease-in-out}.navmenu .dropdown ul ul{background-color:rgba(33,37,41,.1)}.navmenu .dropdown>.dropdown-active{display:block;background-color:rgba(33,37,41,.03)}.section,section{color:var(--default-color);background-color:var(--background-color);padding:60px 0;overflow:clip}.hero{width:100%;min-height:100vh;position:relative;padding:80px 0;display:flex;align-items:center;justify-content:center}.hero img{display:block;width:100%;height:100%;object-fit:cover;z-index:1}.hero img,.hero:before{position:absolute;inset:0}.hero:before{content:"";background:color-mix(in srgb,var(--background-color),transparent 70%);z-index:2}.hero .container{position:relative;z-index:3}.hero h2{margin:0;font-size:64px;font-weight:700}.hero p{margin:5px 0 0;font-size:26px}.hero p span{letter-spacing:1px;border-bottom:2px solid var(--accent-color)}.hero .social-links{margin-top:25px}.hero .social-links a{font-size:24px;display:inline-block;color:color-mix(in srgb,var(--default-color),transparent 50%);line-height:1;margin-right:20px;transition:.3s}.hero .social-links a:hover{color:var(--accent-color)}@media (max-width:768px){.hero h2{font-size:32px}.hero p{font-size:20px}}.anime{width:100%;min-height:100vh;position:relative;padding:80px 0;display:flex;align-items:center;justify-content:center}.anime p{font-size:20px;color:var(--default-color)}.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background-color:var(--accent-color);width:44px;height:44px;border-radius:50px;transition:all .4s}.scroll-top i{font-size:24px;color:var(--contrast-color);line-height:0}.scroll-top:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color)}.scroll-top.active{visibility:visible;opacity:1;bottom:15px}.footer{color:var(--default-color);background-color:var(--background-color);font-size:14px;padding:40px 0;position:relative;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}.footer .copyright small{margin-bottom:0}.footer .copyright{margin-top:4px;font-size:13px;text-align:center}