:root{--phone: (max-width: 440px);--tablet: (max-width: 900px)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:linear-gradient(#008198, #30d158)}html{overflow:auto;scrollbar-gutter:stable}body{margin:0;padding:0;background-color:#1c1c1e;font-family:"Noto Sans", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;-webkit-overflow-scrolling:touch;text-size-adjust:100%;color:#363638}@media print{@page{size:a4 portrait;margin:2cm 1cm 1cm 1cm;@top-left{content:"Q. Dong Le"}@top-right{content:"Page " counter(page) "/" counter(pages)}@bottom-left{content:none}@bottom-center{content:none}@bottom-right{content:none}}}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}@media print{a::after{margin-left:4px;content:"(" attr(href) ")";text-decoration:underline;font-style:italic}}.date{color:#3a3a3c;text-align:center;font-family:"Noto Serif", serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:18px;padding-bottom:8rem}h1{text-align:center;color:#3634a3;font-family:"Noto Serif", serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100;font-size:32px;margin-bottom:0}h2{font-family:"Noto Serif", serif;font-optical-sizing:auto;color:#2d2a29;font-weight:600;font-size:25px;font-style:normal;font-variation-settings:"wdth" 100}h3{font-family:"Noto Serif", serif;font-optical-sizing:auto;font-weight:600;font-size:20px;color:#22332d;font-style:normal;font-variation-settings:"wdth" 100}.container{background-image:url("/background/content.webp");max-width:1400px;margin:0 auto}@media print{.container{display:initial;padding:0}}.content{display:flex;flex-direction:column;margin:0 auto;padding-top:137px;padding-left:16px;padding-right:16px;padding-bottom:16px}@media print{.content{padding:0}}.navbar{position:fixed;width:100%;max-width:1400px;height:56px;display:flex;justify-content:center;align-items:center;background-image:url("/background/content.webp");z-index:9999;transition:top 0.1s;box-sizing:border-box;border-bottom:1px dashed #1c1c1e}@media print{.navbar{display:none}}.navbar.hide{top:-60px}.navbar .menu{display:flex;justify-content:center;margin:0;padding:0;list-style:none;box-sizing:border-box}.navbar .menu>li{position:relative;padding:0.9375rem 0.625rem;cursor:pointer}.navbar .menu>li:last-child{padding-right:0}.navbar .menu>li>a{text-decoration:none;display:block;outline-offset:2px}.navbar .menu>li>a:focus-visible{outline:2px solid #fff;outline-offset:2px}.navbar .dropdown{visibility:hidden;opacity:0;position:absolute;top:100%;left:0;background:#1c1c1e;min-width:210px;padding:10px 0;list-style:none;box-shadow:0 2px 6px rgba(0,0,0,0.3);z-index:10000}@media (max-width: 550px){.navbar .dropdown.dropdown-right{left:auto;right:0}}.navbar .menu>li:hover .dropdown,.navbar .menu>li:focus-within .dropdown{visibility:visible;opacity:1;display:block}.navbar .dropdown li{padding:0.5rem 1.25rem}.navbar .dropdown li a{color:white;text-decoration:none}.navbar .dropdown li a:hover{color:#30d158;text-decoration:none}.navbar .green{color:#ffffff}.navbar .orange{color:#ffffff}.navbar .dropdown li a:hover .green{color:#30d158}.navbar .dropdown li a:hover .orange{color:orange}@media (max-width: 500px){.navbar{flex-direction:row;align-items:center}}.hidden-nav{display:none}@media (max-width: 768px){.hidden-nav{display:block}}.table-container{overflow-x:auto;max-width:100%}.table-container table{width:100%;min-width:600px;border-collapse:collapse}.logo{display:flex;align-items:center}.logo .needle{transition:transform 0.3s ease;transform-origin:126px 84px;transform:rotate(0deg)}.logo:hover .needle{transform:rotate(60deg)}.logo-sidebar{margin-top:1rem}.center{display:flex;align-items:center;justify-content:center}.gallery{display:grid;grid-template-columns:repeat(3, 300px);grid-auto-rows:auto;gap:10px}.gallery img{width:100%;height:100%;object-fit:cover}.banner-container{position:relative;width:300px;height:300px}.first-image{width:100%;height:100%;display:block}.second-image{position:relative;width:calc(158px * 300 / 540);bottom:calc((331px * 300 / 540) - ( (158px * 300 / 540) / 2));left:calc((184px * 300 / 540) - ( (158px * 300 / 540) / 2));display:none;transform-origin:center center}.banner-container:hover .second-image{animation:rotate 4s linear infinite;animation-play-state:paused;display:block;opacity:0;animation-fill-mode:forwards;animation-delay:3s;animation-name:fadeInRotate}@keyframes fadeInRotate{0%{opacity:0;transform:rotate(0deg)}1%{opacity:1;transform:rotate(0deg)}100%{opacity:1;transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.container:hover .second-image{animation:fadeInRotate 4s linear forwards, rotate 4s linear infinite 4s}.photo-container{display:flex;align-items:center;justify-content:center}.photo{max-width:1000px;width:100%;height:auto}@media only screen and (max-width: 1000px){.photo{max-width:100%}}table{border-collapse:collapse;width:100%;margin:1em 0}table,th,td{border:1px solid #ddd}th,td{padding:8px;text-align:center}th{background-color:#f5f5f5}tr:nth-child(even){background-color:#f9f9f9}tr:hover{background-color:#f5f5f5}@media print{table a{text-decoration:none;color:inherit}table a[href]:after{content:none}}.toc{background-image:url("/bg.webp");background-color:rgba(255,214,10,0.1);padding:0px 10px 0px 10px;max-width:300px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.35)}.toc nav ul{list-style-type:none;padding:12px;margin:0}.toc nav ul li a{text-decoration:none;color:#1c1c1c}.toc nav ul li a:hover{color:#3634a3}.toc-title{font-size:1.2em;font-weight:bold;font-family:"Noto Serif", serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;color:#3634a3}