style.css

h5,.h5,h4,.h4{font-weight:500}h3,.h3,h2,.h2,h1,.h1{font-weight:700}h3,.h3,h2,.h2,h1,.h1{margin:0;line-height:1.5}h6,.h6,h5,.h5,h4,.h4{margin:0;line-height:1.25}a{text-decoration:none}h1,.h1{font-size:2.75rem}h2,.h2{font-size:2.5rem}h3,.h3{font-size:2.25rem}h4,.h4{font-size:2rem}h5,.h5{font-size:1.75rem}h6,.h6{font-size:1.5rem}ol,ul{margin-inline:0;margin-block:0;padding-inline:0}blockquote,figure,p{margin-inline:0;margin-block:0}blockquote,figure{margin-top:0;margin-bottom:1rem}p{line-height:1.15;margin-top:0;margin-bottom:1rem}footer{font-size:.875rem;line-height:1.15}table{border-collapse:collapse}table caption{font-size:.875rem}::placeholder,::-webkit-input-placeholder{color:#9ca3af;opacity:.7}.container{width:100%}@media only screen and (min-width: 640px){.container{max-width:615px}}@media only screen and (min-width: 768px){.container{max-width:722px}}@media only screen and (min-width: 1024px){.container{max-width:943px}}@media only screen and (min-width: 1280px){.container{max-width:1152px}}@media only screen and (min-width: 1536px){.container{max-width:1352px}}@media only screen and (min-width: 1920px){.container{max-width:1652px}}@media only screen and (min-width: 2560px){.container{max-width:2151px}}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-auto-impor{width:auto !important}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.mx-auto{margin-left:auto;margin-right:auto}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::selection{background-color:#212121;color:#fafafc;text-shadow:none}::-moz-selection{background-color:#212121;color:#fafafc;text-shadow:none}.dark ::selection{background-color:#fafafc;color:#212121;text-shadow:none}.dark ::-moz-selection{background-color:#fafafc;color:#212121;text-shadow:none}:root{--global-background-color: #FBFBFD;--global-color: #263238;--link-color: #263238;--link-hover-background-color: transparent;--link-hover-color: #3c8baf;--header-background-color: transparent;--header-color: inherit;--nav-link-hover-background-color: #455A64;--nav-link-hover-color: #F5F5F5;--page-nav-link-hover-color: #FAFAFA;--page-nav-link-hover-background-color: #455A64;--table-head-background-color: #E0E0E0;--table-body-even-background-color: #E0E0E0;--code-block-background-color: #E0E0E0;--code-block-color: #004D40;--border-color: #D1D9E0;--comment-input-border-color: #9E9E9E;--comment-input-border-focus-color: #3c8baf;--comment-input-background-color: #FAFAFA;--comment-input-color: #212121;--comment-btn-background-color: #9E9E9E;--comment-btn-color: #212121;--comment-btn-hover-background-color: #90A4AE;--comment-btn-hover-color: var(--comment-btn-color);--sidebar-background-color: transparent;--sidebar-color: inherit;--footer-background-color: transparent;--footer-color: #212121;--footer-link-color: var(--footer-color);--footer-link-hover-color: #616161}.dark{--global-background-color: #212121;--global-color: #FAFAFC;--link-color: #FAFAFC;--link-hover-background-color: transparent;--link-hover-color: #18a7e9;--nav-link-hover-background-color: #26C6DA;--nav-link-hover-color: #424242;--page-nav-link-hover-color: #424242;--page-nav-link-hover-background-color: #a7c8d8;--table-head-background-color: #424242;--table-body-even-background-color: #424242;--code-block-background-color: #424242;--code-block-color: #70f3e8;--comment-input-border-color: #9E9E9E;--comment-input-border-focus-color: #14a0e0;--comment-input-background-color: #424242;--comment-input-color: #FAFAFC;--comment-btn-background-color: #424242;--comment-btn-color: #FAFAFC;--comment-btn-hover-background-color: #546E7A;--comment-btn-hover-color: var(--comment-btn-color);--footer-background-color: transparent;--footer-color: #FAFAFC;--footer-link-color: var(--footer-color);--footer-link-hover-color: #B0B0B0}:root{--input-border-radius: 0.5rem}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:300;background-color:var(--global-background-color);color:var(--global-color)}a{text-decoration:none;color:var(--link-color)}a:focus{background-color:var(--link-hover-background-color);color:var(--link-hover-color)}a:hover{background-color:var(--link-hover-background-color);color:var(--link-hover-color)}header{display:flex;background-color:var(--header-background-color);color:var(--header-color)}header nav{flex-grow:1}p{margin:1rem 0}.header_title{padding-left:1vw}.header_title p{font-size:2.5rem;font-weight:500}nav{margin:auto 0}.nav_menu{display:flex;justify-content:flex-end;margin-right:1rem;list-style-type:none}.nav_menu li{display:inline;margin-right:.5rem}.nav_menu li a{margin:0 .15rem;padding:.25rem .5rem;display:inline-block}.nav_menu li a:hover{background-color:var(--nav-link-hover-background-color);color:var(--nav-link-hover-color)}.nav_menu li a:focus{background-color:var(--nav-link-hover-background-color);color:var(--nav-link-hover-color)}.main-body{flex-grow:1}main{padding-bottom:1rem;flex-grow:1}main article p{line-height:1.5}.post_title{font-size:1.5rem;line-height:1.5;text-align:center}.post_content{margin-top:2rem;max-width:100%}.post_content .protected{--protected-border-color: var(--comment-input-border-color);--protected-input-background-color: var(--comment-input-background-color);--protected-input-color: var(--comment-input-color);--protected-btn-background-color: var(--comment-btn-background-color);--protected-btn-color: var(--comment-btn-color);--protected-btn-hover-background-color: var(--comment-btn-hover-background-color);--protected-btn-hover-color: var(--comment-btn-hover-color)}.post_content .protected .text{-webkit-border-radius:var(--input-border-radius);-moz-border-radius:var(--input-border-radius);border-radius:var(--input-border-radius);border:var(--protected-border-color) 2px solid;--webkit-box-shadow: none;box-shadow:none;appearance:none;padding:.15rem .375rem;margin-right:1rem;background-color:var(--protected-input-background-color);color:var(--protected-input-color)}.post_content .protected .text:focus{border-color:var(--protected-input-border-focus-color);border-style:solid;outline:none}.post_content .protected .submit{border:none;-webkit-border-radius:var(--input-border-radius);-moz-border-radius:var(--input-border-radius);border-radius:var(--input-border-radius);background-color:var(--protected-btn-background-color);color:var(--protected-btn-color);padding:.25rem .75rem;font-weight:400}.post_content .protected .submit:focus,.post_content .protected .submit:hover{background-color:var(--protected-btn-hover-background-color);color:var(--protected-btn-hover-color)}.post_content img{width:90%}.post_info{font-size:.8rem;margin:.15rem 0}.page_content{margin:2rem 0}table{margin:1rem 0}table thead tr{background-color:var(--table-head-background-color)}table tbody tr:nth-child(even){background-color:var(--table-body-even-background-color)}table th{padding:.25rem}table td{padding:.25rem}.page_box{width:100%;text-align:center;padding:1rem 0}.page_box li a{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-weight:400;font-size:1.15rem;margin:0 .15rem;padding:.25rem .5rem}.page_box li a:hover{background-color:var(--page-nav-link-hover-background-color);color:var(--page-nav-link-hover-color)}.post_near{margin-top:1rem;list-style:none}.post_near li{margin-bottom:.25rem}.post_near li:last-child{margin-bottom:0}.post_near a:hover{text-decoration:underline}pre{background-color:var(--code-block-background-color);color:var(--code-block-color);padding:1rem .5rem}pre code{padding:0}:not(pre)>code{background-color:var(--code-block-background-color);color:var(--code-block-color);padding:0 .25rem;overflow-wrap:normal;white-space:pre-wrap}@media only screen and (min-width: 640px){.comment_form{width:450px}}.comment_form p{display:flex}.comment_form label{margin-right:.5rem;margin-top:auto;margin-bottom:auto}.comment_form .text{flex-grow:1}.comment_form textarea{resize:none;width:100%;height:200px}.comment_form .inputbox{-webkit-border-radius:var(--input-border-radius);-moz-border-radius:var(--input-border-radius);border-radius:var(--input-border-radius);border:var(--comment-input-border-color) 2px solid;--webkit-box-shadow: none;box-shadow:none;appearance:none;padding:.5rem;background-color:var(--comment-input-background-color);color:var(--comment-input-color)}.comment_form .inputbox:focus{border-color:var(--comment-input-border-focus-color);border-style:solid;outline:none}.comment_form .submit{border:none;-webkit-border-radius:var(--input-border-radius);-moz-border-radius:var(--input-border-radius);border-radius:var(--input-border-radius);color:var(--comment-btn-color);background-color:var(--comment-btn-background-color);padding:.75rem 1.5rem;width:100%;font-weight:400}.comment_form .submit:focus,.comment_form .submit:hover{background-color:var(--comment-btn-hover-background-color);color:var(--comment-btn-hover-color)}.sidebar_box{background-color:var(--sidebar-background-color);color:var(--sidebar-color);width:100%;padding:1rem 0}.sidebar_box .sidebar{font-size:.8rem;display:flex;justify-content:space-between;padding:0 2rem}.sidebar_box .sidebar .post_recent,.sidebar_box .sidebar .post_date,.sidebar_box .sidebar .blog_admin{flex:1 1 0%}.sidebar_box .sidebar ul{text-align:center}.sidebar_box .sidebar ul li{display:block}.error-page .post-title{text-align:center}blockquote{padding:0 1em;border-left:.25em solid var(--border-color)}footer{background-color:var(--footer-background-color);color:var(--footer-color);width:100%}footer p{margin-top:1rem;margin-bottom:1rem;text-align:center}footer a{color:var(--footer-link-color)}footer a:hover{color:var(--footer-link-hover-color);text-decoration:underline}