header{position:sticky;margin:-82px auto 82px;top:18px;left:0;right:0;height:0;z-index:100}@media only screen and (max-width: 560px){header{margin:-30px auto 30px;top:6px}}.header{margin:0 auto;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;width:calc(100% - 16px);max-width:1024px;min-height:60px;flex-wrap:wrap;background:linear-gradient(180deg,#fff6 10%,#fffc);transition-property:-webkit-backdrop-filter,backdrop-filter;border-radius:26px;border-color:#03030217;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 12px 12px 2px #0000001a,0 2px 4px -1px #0000000f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header:before{content:"";border-radius:26px;pointer-events:none;background:linear-gradient(#ffffffa3 40%,#fff0 75% 95%,#ffffffa3);padding:1px;transition:all .5s ease-in-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.header .navbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 32px;box-sizing:border-box;height:60px}.header .logo{font-size:24px;position:relative;font-weight:400;height:20px;display:flex;align-items:center;justify-content:center;font-family:LuloClean-OneBold;transition:all .6s ease;color:#2a5382}.header li{float:left}.header ul{list-style-type:none;overflow:hidden;margin:0;display:flex;align-items:center}.header ul li{display:flex;align-items:center;justify-content:center}.header ul li a{padding:4px 10px;color:#1f273c;text-decoration:none;display:block;font-family:Montserrat;transition:all .6s ease;transform-origin:center}.header ul li a.active{color:#2a5382}.header ul li a:hover{transform:scale(1.2)}.header ul li input[type=checkbox]{height:0;width:0;visibility:hidden}.header ul li label{cursor:pointer;width:50px;height:25px;background:#3a3a3a;display:block;border-radius:100px;position:relative}.header ul li label:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;background:#fff;border-radius:90px;transition:all .5s ease}.header ul li .switch-icon{position:absolute;right:4px;height:20px;text-align:center;font-size:16px;width:20px;top:4px;color:#00c6ff}.header ul li .fa-sun-o{left:4px;color:#3a3a3a}.header ul li input:checked+label{background:linear-gradient(to right,#00fcd5,#00c6ff)}.header ul li input:checked+label:after{left:calc(100% - 2px);transform:translate(-100%)}.header #m-menu-list,.header #m-menu-btn{z-index:100;color:#1f273c}.header #m-menu-btn,.header #m-menu-list{display:none}@media only screen and (max-width: 768px){.header #m-menu-btn{display:block;font-size:20px;width:20px;height:18px;position:relative}.header #m-menu-btn span{display:block;position:absolute;height:3px;width:100%;background:#2a5382;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.header #m-menu-btn span:nth-child(1){top:0}.header #m-menu-btn span:nth-child(2),.header #m-menu-btn span:nth-child(3){top:9px}.header #m-menu-btn span:nth-child(4){top:18px}.header #m-menu-btn.open span:nth-child(1){top:9px;width:0%;left:50%}.header #m-menu-btn.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.header #m-menu-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.header #m-menu-btn.open span:nth-child(4){top:9px;width:0%;left:50%}.header ul{display:none}.header #m-menu-list{display:block;width:100%;height:auto;max-height:0;overflow:hidden;padding:0;transition:max-height .6s ease}.header #m-menu-list.open{height:auto;max-height:500px}.header #m-menu-list ul{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.header #m-menu-list ul li,.header #m-menu-list ul a{width:100%;text-align:center}}.dark .header{background:linear-gradient(180deg,#2226 10%,#222c)}.dark .header:before{background:linear-gradient(#999999a3 40%,#fff0 75% 95%,#999999a3)}.dark .header .logo{background:linear-gradient(to right,#00fcd5,#00c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:unset;margin-top:-.5px}.dark .header .menu-item{color:#fff!important}.dark .header .menu-item.active{color:#00c6ff!important}.dark .header #m-menu-btn span{background:#00c6ff}.timeline{position:relative;max-width:100vw;width:1130px;margin:20px auto}.timeline:before{content:"";position:absolute;top:0;left:0;right:0;margin:20px auto;width:2px;height:100%;background-color:#e1e1e1}.dark #experience{background-color:#101010}.dark #experience .timeline:before{background-color:#3c3c3c}.dark #experience .card{background-color:#1a1a1a}.filter-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.filter-list button{border:0;cursor:pointer;font-size:16px;text-decoration:none;text-transform:capitalize;padding:12px;width:120px;margin:4px;text-align:center;border-radius:25px;appearance:none;background:#999;color:#fff;-webkit-appearance:none;transition:.4s ease-in-out}.filter-list button.active,.filter-list button:hover{background:#33658a;color:#fff}.filter-list button .active:hover{background:#6d9dc5}.dark .filter-list button{transition:none;background:#555;color:#fff}.dark .filter-list button.active,.dark .filter-list button:hover{background:linear-gradient(to right,#00fcd5,#00c6ff);color:#2a5382}.dark .filter-list button.active:hover{background:linear-gradient(to right,#ffffff80,#ffffff80),linear-gradient(to right,#00fcd5,#00c6ff)}.dark .contact-icon:hover{background-color:#101010!important}.footer{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 0;bottom:0;left:0;width:100%;background-color:#1f273c;color:#fff;font-weight:300;font-size:14px;border-radius:0 0 26px 26px}@media only screen and (min-width: 560px){.footer{border-radius:0}}.footer .fa{font-family:FontAwesome;font-weight:unset}.footer .contact-container{display:flex;padding:6px 3px 3px}.footer .contact-container a{text-decoration:none}.footer .contact-container .contact-icon{color:#1f273c;background-color:#fff;border-radius:50%;border:1px solid #ffffff;margin:5px;width:40px;height:40px;font-size:20px;align-items:center;justify-content:center;display:flex;transition:all .3s ease}.footer .contact-container .contact-icon:hover{color:#fff;background-color:#1f273c}.footer .copyright{padding:3px 3px 6px;font-size:12px;margin-top:10px;font-weight:400;color:#59647b}