<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import"https://fonts.googleapis.com/css2?family=Monoton&amp;display=swap";:root{--orange: #ffa62b;--light-orange: #fbb452ca;--sand: #f9f7f6;--light-blue: #96d1dd83;--medium-blue: #489fb5;--blue: #16697a}#root{font-size:16px;width:100vw}body{background-color:var(--sand)}ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}.hidden{display:none}button{background-color:var(--orange);border:none;border-radius:10px;padding:.3rem .7rem;width:fit-content;margin:0 auto}button:active{background-color:var(--light-orange);color:#fff}button:disabled{background-color:var(--light-orange);color:var(sand)}.no-background-button{border:none;margin:10px auto;background-color:transparent;font-size:.9rem;color:var(--blue)}.no-background-button:hover{color:var(--orange);background-color:transparent}.no-background-button:active{background-color:transparent}.no-background-button:disabled{color:var(--light-blue);background-color:transparent}.page-components{margin:8vh auto 0;display:flex;flex-direction:column;max-width:850px;min-height:86vh}.page-components h2{font-size:2.5rem;color:var(--blue);padding:10px;margin:0}.loading-animation-container{height:300px}.loading-title{text-align:center;color:#16697a;margin-top:0}.tiles{max-width:700px;padding:15px 0;margin:0 1;gap:10px;column-gap:20px;box-shadow:0 1px 5px var(--medium-blue);background-color:#fff;text-align:left}#app-title{font-family:Monoton,sans-serif;font-size:2.2rem;margin:0;position:fixed;left:5px;line-height:8vh}#footer{height:7vh;background-color:var(--blue);width:100%}#header{height:8vh;background-color:var(--blue);color:#fff;position:fixed;width:100%;top:0}.navBar #drop-menu{background-color:var(--medium-blue);width:150px;margin-top:8vh;position:absolute;right:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.navBar #drop-menu li{padding-right:20px;font-size:1.2rem;line-height:3rem;border-top:1px solid var(--orange);text-align:right}#avatar-button{height:35px;width:35px;border-radius:50%;border:2px solid white;padding:0}#avatar-button img{height:100%;width:100%;object-fit:cover;border-radius:50%;background-color:#fff}.header-buttons{position:fixed;top:0;right:10px;width:400px;height:8vh;display:flex;flex-direction:row;justify-content:space-evenly;align-content:center}.header-buttons li{margin:auto}#login-component{position:absolute;top:0;height:100vh;width:100vw;background-color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}#login-title{font-family:Monoton,sans-serif;font-size:5rem;color:#fff;margin:0;text-align:center}#login-intro{max-width:600px;text-align:center;margin:0 auto 10px;color:#fff;font-size:1.3rem}#login-component form{min-width:250px;display:flex;flex-direction:column;align-items:center;margin:0 auto;background-color:var(--sand);padding:20px;border-radius:10px;max-width:350px;height:200px;box-shadow:0 0 5px var(--sand);justify-content:space-evenly}#login-button{font-size:1.2rem;font-weight:700;margin-top:10px}#login-component span{min-width:280px;text-align:center;color:red}.user-login{text-align:center;color:var(--light-blue);margin:0 auto}#login-component label{color:var(--blue);font-weight:700;font-size:1.2rem}#login-component input{height:1.5rem}#home-component{margin:8.5vh auto .5vh;height:84vh;max-width:850px;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:.95fr 3fr;gap:20px;padding:0 10px}#home-welcome{grid-area:1/1;color:var(--blue);margin-top:10px;align-self:center}#home-welcome h2{font-size:2.3rem;margin:0}#home-welcome p{font-size:1.8rem;margin:0}#home-topics{grid-area:2/1}#home-articles{grid-column:2;grid-row:1/3}.home-selection{background-color:var(--light-blue);padding:0 10px;text-align:left;border-radius:5px;display:flex;flex-direction:column;row-gap:2px;justify-content:center}.home-selection h3{padding:10px;color:var(--blue);font-size:1.3rem;margin:0}#home-second-topic{margin-top:20px}#home-topics{row-gap:20px}.link-see-all{color:var(--blue);font-weight:700;font-size:1rem;width:100%;margin:20px auto}#filter-button{background-color:transparent;color:var(--blue);margin:0 5px 0 auto;font-size:1rem}#filter-button:active{color:var(--orange)}#articles-filter{height:5rem;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-evenly;background-color:#fff;border-radius:5px}#articles-filter label{color:var(--blue);font-size:1rem}#articles-filter select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:8rem;font-size:1.1rem;padding:.5rem 1rem;background-color:var(--light-blue);border:1px solid var(--medium-blue);border-radius:.25rem;cursor:pointer}#articles-filter select:first-of-type{margin-right:10px}#all-articles-container{background-color:var(--light-blue);padding:20px}.article{margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:15px 90px 15px;padding-left:10px}.article-tiles-image{grid-column:1/2;grid-row:1/4;width:100%;height:100%;object-fit:cover;margin:0;align-self:center}.article-tiles-topic{font-size:1rem;font-weight:200;grid-column:2;grid-row:1;margin:0;color:var(--blue)}.article-tiles-title{font-size:1.1rem;grid-column:2/4;grid-row:2;margin:0 10px 0 0;line-height:1.5rem}.article-tiles-author,.article-tiles-date{margin:0;font-size:.9rem;align-self:end;grid-row:3}.article-tiles-author{grid-column:2}.article-tiles-date{grid-column:3}.articles-pagination{align-self:center;justify-self:center;background-color:transparent;margin:0 auto}#individual-article{margin-top:9vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}#ind-article-buttons{grid-row:1;grid-column:1/3;width:fit-content;color:var(--blue);justify-self:center}#next-button,#previous-button{background-color:transparent;color:var(--blue)}.display-article{grid-row:2;grid-column:1/3;max-width:90%;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap}.display-article-topic{font-size:1rem;font-weight:300;width:100%;margin-bottom:0;margin-top:5px;color:var(--blue)}.display-article-background{background-color:#fff;padding:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.display-article-title{grid-row:1;grid-column:1/3;color:var(--blue);margin-top:5px}.display-article-img{grid-row:2;grid-column:1/3;max-width:100%;height:auto;margin:0 auto}.display-article-authorAndDate{grid-row:3;grid-column:1;font-size:.9rem;margin-left:15px;line-height:.8rem;font-weight:200;width:fit-content}.article-votes{grid-row:3;grid-column:2;align-self:center}.article-votes button{width:fit-content;font-weight:700;background-color:transparent;font-size:1rem;border:1px solid var(--blue)}.vote-up{color:#1f961f}.vote-down{color:#cb1717}.article-votes button:disabled{color:gray}.article-votes-count{margin:10px;padding:10px}.display-article-body{grid-row:4;grid-column:1/3}#display-comments{grid-row:3;grid-column:1/3;display:flex;flex-direction:column;align-content:center;background-color:var(--light-blue);padding:10px 0;width:90%;margin:0 auto}#comments-number{margin:5px 0 0 5px;color:var(--blue)}.add-comment-button{padding:.4rem 0;margin:10px auto;border-radius:5px;width:90%;font-weight:600}.new-comment-form{display:flex;flex-direction:column;justify-content:center}.new-comment-form label{width:100%;font-weight:600;font-size:.8rem;text-indent:1rem}.new-comment-form textarea{width:90%;height:60px;border-radius:3px;margin:0 auto}.send-comment-button{margin:10px auto}.error-message{color:red;font-size:.9rem;margin:0 auto;width:80%;text-align:center}.article-comment-tile{padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.3rem auto auto;box-shadow:0 1px 0 var(--medium-blue);margin:2px 0;gap:3px;background-color:var(--sand)}.article-comments-author{margin:0;font-size:.8rem;grid-area:1/1}.article-comments-date{grid-area:1/2}.comment-votes{grid-area:3/2;margin:0 auto;font-size:1rem}.comment-votes-count{margin:10px;padding:10px}.comment-votes button{width:fit-content;font-weight:700;background-color:transparent;border:1px solid var(--blue)}.delete-button{font-size:.8rem;margin:auto auto 0 0;padding:0;background-color:transparent;color:#ca5909}.article-comments-date,.article-comments-votes{margin:0;font-size:.8rem;justify-self:end}.article-comments-body{font-size:.9rem;grid-column:1/3;grid-row:2;line-height:1.2rem;margin:0}.topics-container{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:20px}.topics{text-align:center;width:250px;height:100px;overflow:hidden;padding:10px}.topics h3{color:var(--blue)}.error-loading-component{min-height:86vh;margin:0 auto;margin-top:8vh;max-width:850px;text-align:center;color:var(--blue);font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.animation-container{position:fixed;top:7vh;margin:0 auto;height:300px;width:100%;z-index:-1}.error-loading-component h2,h3{margin:0}.error-loading-component button{margin-top:20px}.error-loading-message{margin-top:20vh}.animation{height:50vh}#users-section{padding:10px}#users-section h3{padding-left:10px}#users-section ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;margin:2rem auto;justify-content:center}.users-tile{width:150px;border-radius:10px;display:flex;flex-direction:column;padding:5px;cursor:pointer}.users-tile img{height:120px;width:120px;object-fit:scale-down;border-radius:50%;border:2px solid white;background-color:#fff;margin:0 auto;padding:5px;box-shadow:2px 2px 5px var(--blue)}.users-tile h4{text-align:center;margin-bottom:0;border-bottom:1px solid var(--orange);color:var(--blue)}#profile-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:700px;margin:30px auto;background-color:var(--light-blue);border:5px solid white;border-radius:10px;padding:20px;align-items:center}#profile-avatar{grid-column:1;grid-row:1/3;height:180px;width:180px;object-fit:cover;border-radius:50%;border:3px solid white;margin:0 auto}#logout-button{padding:.6rem 4rem;font-size:1rem;background-color:transparent;color:#cb1717}@media only screen and (min-width: 750px){.vote-up:hover{background-color:#1f961f9b}.vote-down:hover{background-color:#961f1fad}button:hover{background-color:var(--sand);color:var(--orange)}}@media only screen and (max-width: 750px){.page-components{margin:8vh auto;padding:5px}.no-background-button:hover{color:var(--blue)}.no-background-button:disabled{color:var(--light-blue)}#footer{position:fixed;bottom:0}.header-buttons{position:fixed;top:0;right:10px;width:40px;height:8vh;display:block}#menu-icon{display:fixed;padding-right:20px;padding-top:10px;margin-right:10px;z-index:10;cursor:pointer}.footer-buttons{width:100%;height:7vh;display:flex;flex-direction:row;justify-content:space-evenly;align-content:center}.footer-buttons li{margin:auto}.article{grid-template-rows:20px 70px 20px}.tiles{gap:10px}.article-tiles-title{font-size:1rem;line-height:1.1rem;overflow:auto}.page-components h2{font-size:1.8rem}#home-component{min-height:100vh;margin:8.5vh auto;display:flex;flex-direction:column}#home-welcome{text-align:center}#home-topics{row-gap:10px;padding-bottom:0;margin:0 auto}.home-selection{padding-bottom:8vh;align-items:center}#articles-filter select{padding:.5rem .6em;width:6rem;font-size:.9rem}.display-article-authorAndDate{margin:0}.article-votes button{font-size:.9rem;padding:.3rem .5rem}.article-votes-count,.comment-votes-count{margin:5px;padding:0}#users-section ul{gap:10px}#profile-container{display:flex;flex-direction:column;align-items:center;max-width:320px;gap:30px}#profile-container h3{text-align:left;width:100%}}@media only screen and (max-width: 450px){#articles-filter select{padding:.5rem .2em;width:5.6rem;font-size:.9rem}.article-tiles-title{font-size:1rem;line-height:1.2rem}.article-tiles-date,.article-tiles-author{font-size:.7rem}.display-article-background{display:flex;flex-direction:column;padding:5px}.article-votes{margin:10px auto}.display-article-authorAndDate p{margin:10px 0}.comment-votes{grid-column:1/3;grid-row:3;margin:10px auto}.delete-button{grid-row:4;grid-column:1/3}#login-title{font-size:3.8rem}#login-intro{font-size:1.1rem}#login-component,#login-intro{padding:10px}}:root{font-family:Helvetica,Inter,system-ui,Avenir,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}
</pre></body></html>