@media (min-width: 320px){:root{--font-size-large: 4vw;--font-size-medium: 3vw;--font-size-small: 2.5vw;--font-size-xsmall: 2vw;--select-box-width: 30vw;--article-card-width: 90vw;--article-card-height: 25vw;--img-card-width: 20vw;--article-card-border-width: .2rem;--img-article-width: 85vw;--show-comments-width: 85vw;--comment-input-box-width: 75vw;--comment-input-box-height: 20vw;--comment-width: 90vw;--comment-height: 25vw}}@media (min-width: 1024px){:root{--font-size-large: 24px;--font-size-medium: 20px;--font-size-small: 18px;--font-size-xsmall: 16px;--select-box-width: 150px;--article-card-width: 900px;--article-card-height: 300px;--img-card-width: 320px;--article-card-border-width: 10px;--img-article-width: 800px;--show-comments-width: 400px;--comment-input-box-width: 750px;--comment-input-box-height: 150px;--comment-width: 800px;--comment-height: 200px}}nav,.article-title{font-size:var(--font-size-large)}.article-card-title,.article-return,.article-body,.article-votes,.article-show-comments,.comment-input.box{font-size:var(--font-size-medium)}.article-author,.article-topic,.comment,#topic-selector,#sort-by-selector{font-size:var(--font-size-small)}.article-card-author,.article-card-topic{font-size:var(--font-size-xsmall)}nav{text-align:center}select{width:var(--select-box-width);height:auto}textarea{width:var(--comment-input-box-width);height:var(--comment-input-box-height)}.home-page{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center}#topic-selector{grid-column-start:2;grid-column-end:3;grid-row:1;text-align:center}#sort-by-selector{grid-column-start:4;grid-column-end:5;grid-row:1;text-align:center}.article-list{grid-column-start:2;grid-column-end:5;grid-row:2;display:grid;row-gap:2rem;list-style-type:none;padding:0;margin-left:1rem;margin-right:1rem;justify-content:center;text-align:center;align-items:center}.article-card{display:grid;grid-template-columns:repeat(3,1fr);width:var(--article-card-width);height:var(--article-card-height);padding:0;border:.2rem solid;border-color:brown}.article-card-title{grid-column-start:2;grid-column-end:4;grid-row:1;text-align:left;margin-right:2vw}.article-card-img{grid-column:1;grid-row-start:1;grid-row-end:3;width:var(--img-card-width);height:auto;margin:.75vw;justify-content:center;align-items:center;align-self:center;padding:0}.article-card-author{grid-column:2;grid-row:2;text-align:left;margin-right:2vw}.article-card-topic{grid-column:3;grid-row:2;text-align:left;margin-right:2vw}.article{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.article-return{grid-column:1;grid-row:1;width:20vw;height:auto;margin-left:7vw}.article-title{grid-column-start:1;grid-column-end:6;grid-row:2}.article-author{grid-column:2;grid-row:3}.article-topic{grid-column:4;grid-row:3;text-align:left}.article-img{grid-column-start:1;grid-column-end:6;grid-row:4;width:var(--img-article-width);height:auto;margin:0 auto}.article-body{grid-column-start:1;grid-column-end:6;grid-row:5;text-align:left;margin-left:2vw;margin-right:2vw}.article-votes{grid-column-start:1;grid-column-end:6;grid-row:6;text-align:center;margin-left:2vw;margin-right:2vw;margin-bottom:2vw}.article-show-comments{grid-column-start:1;grid-column-end:6;grid-row:7;width:var(--show-comments-width);height:auto;margin:0 auto}.comment-input-box{grid-column-start:1;grid-column-end:6;grid-row:8;margin:30px auto}.comment-list{grid-column-start:1;grid-column-end:6;grid-row:9;display:grid;row-gap:2rem;list-style-type:none;padding:0;margin-left:1rem;margin-right:1rem;justify-content:center;text-align:center;align-items:center}.comment{display:grid;grid-template-columns:repeat(3,1fr);width:var(--comment-width);height:var(--comment-height);padding:0;border:.2rem solid;border-color:brown}.comment-username{grid-column:1;grid-row:1;text-align:left;padding:0;margin:0;margin-left:1rem;margin-right:1rem}.comment-body{grid-column-start:1;grid-column-end:4;grid-row:2;text-align:left;padding:0;margin:1rem}.comment-votes{grid-column:4;grid-row:1;text-align:right;padding:0;margin:0;margin-left:1rem;margin-right:1rem}.comment-delete{grid-column:4;grid-row:2;text-align:center;width:12vw;height:7vw;padding:0;margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}