:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:#fff;--entry:#fff;--primary:#1e1e1e;--secondary:#6c6c6c;--tertiary:#d6d6d6;--content:#1f1f1f;--hljs-bg:#1c1d21;--code-bg:#f5f5f5;--border:#eee}.dark{--theme:#1d1e20;--entry:#2e2e33;--primary:#dadadb;--secondary:#9b9c9d;--tertiary:#414244;--content:#c4c4c5;--hljs-bg:#2e2e33;--code-bg:#37383e;--border:#333}body{font-family:Lora,serif;background-color:var(--theme);color:var(--primary)}.header{justify-content:space-between;padding:20px;background-color:var(--entry);gap:var(--gap)}.header,.header .logo{display:flex;align-items:center}.header .logo h1{font-family:Montserrat,sans-serif;font-size:24px;color:var(--primary);margin:0}.header .logo a{text-decoration:none;color:inherit}.header .logo a:hover{text-decoration:underline}.header nav{display:flex;justify-content:center;flex:1 1}.header nav ul{list-style-type:none;display:flex;gap:var(--gap);margin:0;padding:0}.header nav ul li{margin:0}.header nav ul li a{color:var(--primary);text-decoration:none;font-size:18px;position:relative}.header nav ul li a:after{content:"";display:block;width:0;height:2px;background:var(--primary);transition:width .3s;position:absolute;bottom:-3px;left:0}.header nav ul li a:hover:after,.header nav ul li.active a:after{width:100%}.button-dark-mode{background-color:var(--entry);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;cursor:pointer;transition:background-color .3s,color .3s}.button-dark-mode:hover{background-color:var(--tertiary);color:var(--primary)}.icons{display:flex;gap:10px;margin:0;align-items:center}.icons a img{max-height:24px;max-width:24px}.layout{display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1;padding:40px}.content section{margin-bottom:60px}.content h2{margin-bottom:20px}.content h2,.content h3{font-family:Montserrat,sans-serif;color:var(--primary)}.content h3{margin-bottom:10px}.content a,.content p{color:var(--secondary);text-decoration:none;line-height:1.6}.content a:hover{text-decoration:underline}.card{background-color:var(--entry);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:box-shadow .3s ease-in-out,transform .3s}.card:hover{box-shadow:0 4px 20px rgba(0,0,0,.5);transform:translateY(-5px)}.card a{color:inherit;text-decoration:none;display:block}input[type=text]{padding:10px;margin-bottom:20px;font-size:16px;width:100%;border:1px solid var(--border);border-radius:4px;box-sizing:border-box;background-color:var(--entry);color:var(--primary)}input[type=text]::placeholder{color:var(--secondary)}.icons img{width:24px;height:24px;margin:0 5px;transition:transform .2s}.icons img.light-icon{display:inline-block}.dark .icons img.light-icon,.icons img.dark-icon{display:none}.dark .icons img.dark-icon{display:inline-block}.icons img:hover{transform:scale(1.1)}@media (max-width:1280px){.header{flex-direction:column;align-items:center}.header .icons,.header .logo,.header nav{flex-basis:100%;text-align:center}.header nav ul{margin-top:10px;margin-bottom:10px;flex-direction:row;justify-content:center}.header nav ul li{flex:1 1;text-align:center}.icons{margin-top:10px}}@media (max-width:768px){.header{flex-direction:column;align-items:center}.header .icons,.header .logo,.header nav{flex-basis:100%;text-align:center}.header nav ul{margin-bottom:10px;flex-direction:row;justify-content:center}.header nav ul,.icons{margin-top:10px}}