*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@font-face{font-family:BeVietnamPro;src:url(/assets/fonts/BeVietnamPro-Regular.woff2) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BeVietnamPro;src:url(/assets/fonts/BeVietnamPro-SemiBold.woff2) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:BeVietnamPro;src:url(/assets/fonts/BeVietnamPro-Bold.woff2) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/assets/fonts/BebasNeue-Regular.woff2) format("truetype");font-weight:lighter;font-style:normal;font-display:swap}body.dark-mode,body.dark-mode .banner-wrapper{background-color:#212121}body.dark-mode .banner-item,body.dark-mode .mail-me-title,body.dark-mode .mail-me-text{color:#fff}body.dark-mode .mail-button{background-image:linear-gradient(to bottom,#fff,#aaa);color:#2d2d2d}body.dark-mode .mail-button:hover{color:#fff;box-shadow:0 0 0 2px #fff}body.dark-mode .hamburger .bar{background-color:#fff!important}body.dark-mode .nav-links{background-color:#212121}body.dark-mode .nav-links .a,body.dark-mode h2{color:#fff}