.fancy-box h2{font-size:4.5vh;margin:3vh 0}#home-login{display:flex;align-items:center;justify-content:center;margin-bottom:3.5vh;font-size:3.5vh}#select-user{font-size:2.8vh;margin:0 1vh}button{font-size:2.8vh;margin:0;padding:0 .75vh}#home-login button{margin-top:.05vh}button:hover{background-color:#006ca2bc;color:#fff}.fancy-box h3{font-size:4vh;margin:0vh 0 3.5vh;font-weight:400}#header-box{margin-top:1vh;margin-bottom:1vh}header{margin-bottom:1vh}h1{line-height:1;font-size:10vh;border:.5vw solid transparent;border-color:#fff;margin:.5vw 1vw 1vw}nav{font-size:5.5vh}a{color:#000;margin:0 1vh}a:visited{color:#000}a:hover{color:#fff}@media (min-width: 1024px){h1{font-size:12vh}}#filter-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:5.3vw;padding:1vh 0;line-height:1.3}#filter-bar select{font-size:3.9vw;margin:0 1.6vw 0 1vw}#article-list{margin-top:1vh;list-style-type:none;padding:0}#article-list .fancy-box{margin-top:1vh}.article-card h3{font-size:6.5vw;margin-bottom:2vh}.article-card-info{font-size:5vw;display:grid;grid-template-columns:1fr 1fr}.article-card img{width:70%;grid-column:1;justify-self:center;margin-bottom:.5vh}@media (min-width: 768px){#filter-bar{font-size:3.2vw}#filter-bar select{font-size:2.7vw;margin:0 1.6vw 0 1vw}#article-list{display:grid;margin-top:0;grid-template-columns:auto auto;justify-content:center;column-gap:1vw}#article-list .fancy-box{width:45.75vw}.article-card h3{font-size:3.25vw}.article-card-info{font-size:2.5vw}.article-card img{margin-top:.5vw}}@media (min-width: 1024px){#filter-bar{font-size:2.25vw}#filter-bar select{font-size:1.75vw;margin:0 1.6vw 0 1vw}#article-list{column-gap:.5vw}#article-list .fancy-box{width:36.4vw}.article-card h3{font-size:2.5vw;margin-bottom:2vh}.article-card-info{font-size:1.5vw}.article-card img{margin-top:0;width:60%}}#individual-article h3{text-decoration:underline;font-size:6.5vw;margin:.5vw;margin-top:1vh}#individual-article p{margin:2vh 0;font-size:5.5vw}#individual-article-info{font-size:5vw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:center}#individual-article img{width:70%;grid-column:1;grid-row:1 / 4;justify-self:center;margin-bottom:.5vh}#individual-article-info div{display:grid;grid-template-columns:5fr 2.5fr 1.25fr;align-items:center}#individual-article button{font-size:5vw;margin:0;margin-bottom:.25vh;line-height:1.1}.button-collapsed,.button-expanded{margin-top:1vh;margin-bottom:2vh}@media (min-width: 768px){#individual-article h3{font-size:4.9vw}#individual-article p,#individual-article-info{font-size:3.5vw}#individual-article img{width:60%}#individual-article button{font-size:3.5vw}}@media (min-width: 1024px){#individual-article h3{font-size:3.5vw}#individual-article p{font-size:2vw}#individual-article-info{font-size:1.75vw}#individual-article img{margin-top:1vw;width:50%}#individual-article button{font-size:1.75vw}}.button-expanded button,.button-collapsed button{font-size:4vh;margin:2vh 0vh}#cant-post-comment,#post-comment{margin-top:1vh}#post-comment-form{display:grid;grid-template-columns:4fr 1fr .1fr;grid-template-rows:1fr;align-items:center;font-size:6vw}#post-comment-form label{text-align:left;margin-left:2vw}#post-comment-form span{vertical-align:.5vh}#post-comment-form textarea{margin:1vh 0 0 1.5vw;width:55%}#post-comment-form button{margin:.75vw;font-size:5vw;line-height:1.1}#comments-list{margin-top:1vh;list-style-type:none;padding:0}#comments-list .fancy-box{margin-top:1vh}#comments-list button{margin:0 0 1vh;font-size:4vw;line-height:1.1}#comments-list p{font-size:4vw;margin:0 1vw 1vh 1vw}#comments-list #comment-user{font-size:5.5vw}#comments-list #comment-likes,#comments-list #comment-date{font-size:3.5vw;margin-bottom:.5vh}@media (min-width: 768px){#post-comment-form{font-size:4vw}#post-comment-form button,#comments-list button{font-size:2.5vw}#post-comment-form textarea{width:65%}}@media (min-width: 1024px){#post-comment-form{font-size:2.25vw}#post-comment-form button{font-size:1.5vw}#post-comment-form textarea{width:70%}#comments-list button{font-size:1.25vw}#comment-user{font-size:1.75vw;margin-top:.25vh}#comments-list p{font-size:1.5vw;margin:0 1vw 1.5vh 1vw}#comments-list #comment-user{font-size:2vw}#comments-list #comment-likes,#comments-list #comment-date{font-size:1.25vw}}#root{font-family:Arial;margin:0 auto;padding:0;text-align:center}body{margin:0;display:flex;place-items:center;background-color:#ebebeb}.fancy-box{background-color:#0b78aed6;border:1.25vw solid;border-color:#000;width:95vw}img{border:.6vh solid;border-color:#000}@media (min-width: 1024px){.fancy-box{width:75vw;border:.8vw solid}}