@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap";
*{box-sizing:border-box;outline:none;margin:0;padding:0;font-family:Work Sans,sans-serif}a{color:inherit;text-decoration:none}header{z-index:30;position:sticky;top:0}html{box-sizing:border-box;color:#dedede;background-color:#131515;height:100%;overflow-y:auto}nav{color:#dedede;background-color:#131515;justify-content:space-between;align-items:center;padding:16px;display:flex}.nav__menu-bar{cursor:pointer;flex-direction:column;row-gap:6px;display:flex}.nav__menu-bar div{background-color:#dedede;border-radius:2px;width:40px;height:4px}.nav__menu-list{color:#dedede;background-color:#131515;flex-direction:column;row-gap:24px;width:288px;min-height:calc(100vh - 60px);padding:24px 16px;transition:all .2s;display:flex;position:fixed;top:60px;right:-288px}.nav__menu-list.active{right:0}.nav__link{font-size:18px;transition:all .2s;position:relative}.nav__link:hover{font-weight:700}.center{justify-content:center;align-items:center;min-height:auto;display:flex}@media screen and (min-width:768px){.nav__menu-bar{display:none}.nav__menu-list{position:unset;flex-direction:row;align-items:center;column-gap:100px;width:fit-content;min-height:fit-content}.nav__link:before{content:"";background-color:#3db8a5;width:0%;height:6px;transition:all .2s;position:absolute;bottom:-16px;left:0}.nav__link:hover:before{width:100%}}
