body.dark{--bg:#111;--text:white;--card:#2a2a2a;--border:#3d3d3d;--link:#2e62a7;--footer:#501111}body.light{--bg:white;--text:black;--card:#f2f2f2;--border:#92b5ff;--link:#008cff;--footer:#910101}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:sans-serif;transition:background .3s,color .3s}#root{background:0 0;min-height:100vh}#welcome{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;flex-direction:column;align-items:center;gap:6px;max-width:100%;margin-top:50px;margin-bottom:20px;display:flex}.main-container{justify-content:center;display:flex}#main-img{width:30%;max-width:250px;margin-top:80px;position:absolute;left:-10px;transform:translateY(-50%)}h1{margin:0;font-family:serif;font-weight:400}h4{margin:0;font-weight:300}h3{margin:0;font-size:15px;font-weight:400}p{margin:0;font-weight:300}#view-all{margin:10px 10px 10px 20px}#card{border:1px solid var(--border);width:100%;min-height:200px;transition:all .3s}#popular #card-text{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#card-title{background-color:var(--header);border-bottom:1px solid #3d3d3d;padding:12px;font-size:18px;font-weight:700}#card-text{padding:15px}#card-row{flex-direction:row;width:100%;display:flex}#cards{flex-direction:column;align-items:center;gap:0;width:90%;max-width:1500px;margin:0 auto 100px;display:flex}#dyk-list li{margin-bottom:10px}#popular{grid-template-columns:1fr 1fr;gap:2px;display:grid}#view-all{align-self:flex-start;width:100%;font-weight:400}#view-all a,#view-all a,h3 a{font-size:inherit;font-weight:inherit;color:var(--link)}footer{background-color:var(--footer);color:#fff;width:100%;padding:10px;position:fixed;bottom:0}header{background-color:var(--header);border-bottom:1px solid #494949;justify-content:space-between;align-items:center;padding:10px;display:flex}#header-left,#header-right{align-items:center;gap:10px;display:flex}button{color:#fff;background-color:#161616;border-color:#161616}#header-btn{width:80px;height:25px;color:var(--text);font-size:15px;text-decoration:none}#header-btn:hover{font-weight:700}.icon-btn{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;transition:all .2s;display:flex}.icon-btn.moon:hover{color:#4da3ff}.icon-btn.sun:hover{color:#ffd54a}.icon-btn svg{transition:all .2s}.icon-btn:hover svg{transform:scale(1.1)}.article-title{margin:20px}a{color:var(--link);font-weight:500}h2{font-family:serif;font-weight:300}#article-page{text-align:left;flex-direction:row;gap:50px;max-width:70%;margin:0 auto 50px;display:flex}#content{max-width:350px;margin-top:100px;margin-left:0}#content ul{padding-left:20px;list-style-type:disc}#article-text{margin-top:50px;margin-bottom:150px;font-weight:300}li{margin-left:-10px;font-weight:300}#list{grid-template-columns:30% 30% auto;justify-content:center;gap:10px;padding:0;list-style-type:disc;list-style-position:inside;display:grid}.image-frame{float:right;text-align:center;border:1px solid #494949;width:200px;margin:0 0 10px 20px;padding:8px}.image-caption{padding-bottom:6px;font-size:14px;font-weight:700}.image-frame img{width:100%;height:auto;display:block}#article-img{width:100%}b{font-weight:700}#article-list{margin:30px auto 50px 0}#list-title{margin-left:10%}#full{font-style:italic;font-weight:800}@media (width>=1000px){#main-img{margin-left:calc(50vw - 500px)}#cards{width:80%;max-width:1500px}}@media (width>=1500px){#popular{grid-template-columns:1fr 1fr 1fr;gap:2px;display:grid}#content{width:100%;max-width:200px}#list{grid-template-columns:20% 20% auto;justify-content:center;gap:10px;padding:0;list-style-type:disc;list-style-position:inside;display:grid}#article-list{margin:30px auto 50px 50px}#list-title{margin-left:23%}}@media (width>=2500px){#list-title{margin-left:27%}#article-page{max-width:50%}}@media (width<=700px){#popular{grid-template-columns:1fr;gap:2px;display:grid}}@media (width<=480px){#popular{grid-template-columns:1fr 1fr;gap:2px;display:grid}#main-img{display:none}#welcome{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:50px;margin-bottom:20px;display:flex}#card-row{flex-direction:column;align-items:center;width:100vw;display:flex}#content{display:none}#article-text{box-sizing:border-box;width:100%;max-width:100%;margin-top:0;margin-bottom:20px;padding:0}.image-frame{border:none;border-radius:0;width:100%;height:200px;margin:0 0 30px;padding:0}.image-caption{display:none}#article-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}#article-text h1,#article-text h2,#article-text p{padding-left:16px;padding-right:16px}#card{width:95%}#header-left{display:none}#list{grid-template-columns:auto auto;margin-left:30px;padding-left:1.5rem;list-style-type:disc;list-style-position:outside;display:grid}#article-page,#article-text,.image-frame{width:100%;max-width:none}#article-list,#article-page{margin-bottom:100px;padding:0}header{justify-content:flex-end}}