@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=PT+Serif&family=Poppins:wght@200&family=Roboto&family=Roboto+Condensed&display=swap");h1,h2,h3,h4,h5,h6,label{font-family:Roboto Condensed,sans-serif}p{font-family:Helvetica;letter-spacing:1px;font-weight:300}.login-container{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:80vh;gap:50px}.signin-container{flex:2;display:flex;align-items:center;justify-content:center}@media (max-width:1000px){.signin-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}}.signin-container img{width:100%;height:100%;object-fit:contain}.signup-container{flex:3;width:400px;border-left:5px solid #ffae00;border-radius:50%;display:flex;align-items:center;justify-content:center}.signup-container form{border-radius:10px;padding:10px;width:300px;height:auto}.paragraph{padding-top:10px;letter-spacing:2px}.greeting{flex:2.5;height:100%;display:flex;flex-direction:column;justify-content:space-between}.image-cover{flex:3;display:flex;align-items:center;justify-content:center}.image-cover img{height:100%;width:100%;object-fit:cover}@media (max-width:1000px){.image-cover{display:none}}.articles-container{height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill,300px);position:relative;justify-content:flex-end;width:100%;flex:4;transition:all 1s ease-in}@media (max-width:1000px){.articles-container{grid-template-columns:repeat(2,50%);grid-template-rows:repeat(2,300px)}}@media (max-width:500px){.articles-container{grid-template-columns:repeat(1,100%);grid-template-rows:repeat(1,300px)}}.top-articles-container{display:flex;justify-content:center;flex-direction:column;align-items:center;flex:4;height:100%}.top-articles-container .top-articles{height:85vh;width:50%;display:flex;flex-direction:column;gap:30px}@media (max-width:1000px){.top-articles-container .top-articles{width:100%}}.top-articles-container a{color:#000}.top-articles-container a:hover{color:#ffae00}.article-list-container{display:flex;flex-direction:row;height:auto;flex-wrap:wrap;gap:10px}@media (max-width:700px){.article-list-container{display:flex;flex-direction:column}}@media (max-width:500px){.article-list-container{display:flex;flex-direction:column}}.rate{width:100%}.article-container{display:flex;flex-direction:column;height:300px;width:100%;overflow:hidden;position:relative;object-fit:contain}.three-dots-container{position:absolute;bottom:17px;right:10px;z-index:2}.three-dots-container .close,.three-dots-container .delete,.three-dots-container .warning{background-color:initial;border:none;cursor:pointer;color:red;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.three-dots-container .warning{color:orange}.three-dots-container .close{color:red}.article-name{height:15%;font-weight:bolder}.article-content{height:70%;width:100%;padding-left:1.2rem;padding-right:1.2rem;display:block;position:absolute;bottom:0;text-align:left;color:#fff}.article-content .text{font-size:.8rem;word-wrap:break-word}.article-content>div{margin-top:25px}.article-btn{border:2px solid #ffae00;padding:.5rem;color:#fff;border-radius:20px;background-color:initial}.row{display:flex;flex-direction:row;position:absolute;bottom:20px;gap:20px}.row .comment{display:flex;align-items:center;justify-content:center;gap:5px;color:#fff}.article-image{height:100%;background-color:rgba(59,58,60,.4196078431);position:relative}.article-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;z-index:-1}.rate-toggle-btn{height:50px;width:130px;border:none;background-color:rgba(59,58,60,.4196078431);flex-direction:row;font-size:.8rem;border-radius:5px;background-color:#242427;color:#fff;position:fixed;bottom:10px;right:10px;z-index:10000;box-shadow:3px 2px 10px 0 rgba(0,0,0,.75)}.rate-toggle-btn,.rate-toggle-btn p{display:flex;justify-content:center;align-items:center}.rate-toggle-btn p{font-size:.7rem;padding-left:.1rem;flex:2}.rate-toggle-btn button{height:100%;flex:1;background:#ffae00;border:none;outline:none;cursor:pointer;font-size:1.2rem}.active-article-container{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap;position:relative}.other-article-container{display:flex;flex-direction:column;gap:20px;height:auto}.user-profile{display:flex;flex-direction:row;gap:10px}.user-profile .user{height:70px;width:70px;color:#fff}.authored-articles-container,.user-profile .user-details{display:flex;flex-direction:column}.authored-articles-container{margin-top:20px;gap:20px}.authBtn{margin:10px 10px 10px 0;outline:none}.authBtn,.logout-btn{padding:.5rem;color:#fff;background-color:#ffae00;border:none}.logout-btn{margin-left:auto;height:50px;cursor:pointer}.header{position:fixed;width:100%;top:0;background-color:#ffae00;z-index:1000000}.header-title{margin-right:auto;list-style:none}.header-ul{display:flex;justify-content:center;flex-direction:row;align-items:center;justify-content:flex-end;height:100%;gap:20px}.header-li,.header-link{height:100%;list-style:none}.header-link{width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}.header-link:hover{font-weight:bolder}.comment-container{display:flex;flex-direction:column;background:#242427;gap:10px;padding:2rem;width:50%}@media (max-width:700px){.comment-container{width:100%}}.comment-container .actions{background-color:#3b3a3c;border-radius:50px;height:50px;width:90%}.comment-container .actions input{background-color:#3b3a3c;padding:.5rem;height:100%;width:90%;border-radius:50px;border:none;outline:none;color:#fff}.comment-container .actions button{border:none;background:none}.comment-number{display:flex;flex-direction:row;align-items:center;gap:10px;color:#fff}.ratings{position:absolute;top:10px;right:10px;color:#ffae00;font-size:1.5rem}.ratings .rating-container{display:flex;flex-direction:row;align-items:center}.comment{flex-direction:row;color:#fff}.comment,.comment-details{display:flex;gap:5px;position:relative}.comment-details{height:auto;width:90%;flex-direction:column;background-color:#3a3b3c;border-radius:10px;padding:.5rem}.comment-details .position{width:98%;height:auto;margin:auto;display:flex;flex-direction:column;gap:5px}.comment-details p{word-wrap:break-word}.user{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border-radius:50%;background-color:#ffae00}.allComments-container{display:flex;flex-direction:column;gap:10px}.create-article-container{width:100%;height:100%}.create-article-container form{display:flex;flex-direction:column}.create-article-container form textarea{width:100%;height:200px;resize:none}.create-article-container button{height:50px;width:30%;margin-top:10px;margin-bottom:10px;color:#fff;background-color:#ffae00;border:none;margin-left:auto;cursor:pointer}input,textarea{padding:.5rem;border-radius:2px;outline:none;border:1px solid grey}.thumbnail-container{margin:10px 0}.fieldSet,.thumbnail-container{display:flex;flex-direction:column}.fieldSet{padding:1rem;flex-wrap:wrap;width:100%;height:100%}.edit-delete-container{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;flex-wrap:wrap}.edit-delete-container .actions{border-radius:20px;padding:.5rem;background:grey;width:auto;height:50px;display:flex;justify-content:center;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.edit-delete-container .actions .action-btn{height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.edit-delete-container .actions .deleteBtn,.edit-delete-container .actions .editBtn{background:#a8a3a3;border-radius:50%;padding:.5rem}.edit-delete-container .actions .deleteBtn:hover,.edit-delete-container .actions .editBtn:hover{background-color:#5c5858;cursor:pointer}.actions-article-container{flex:1.3;display:flex;flex-direction:column;gap:10px;height:auto}.actions-article-container a{list-style:none;text-decoration:none}.actions-article-container .social-media-links{display:flex;flex-direction:row;gap:5px;height:50px}.actions-article-container form{border:1px solid grey;display:flex;flex-direction:row;justify-content:space-between}.actions-article-container input{border:none}.actions-article-container button{border:none;height:100%;background-color:initial;cursor:pointer;padding:.5rem;width:15%;display:flex;align-items:center;justify-content:center}.trending{display:flex;flex-direction:column;gap:10px}.brand{display:flex;justify-content:center;align-items:center}.brand img{width:40%;height:70%}.brand .text{color:#fe8657}.portal{background:rgba(65,61,61,.842);position:fixed;top:0;left:0;right:0;bottom:0;height:100%;z-index:100000}.portal,.portal .container{display:flex;align-items:center;justify-content:center}.portal .container{border-radius:5px;padding:1rem;background:#111;flex-direction:column;position:relative}.portal .container .star-widget{float:left;direction:rtl;width:100%}.portal .container .star-widget input{display:none}.portal .container .star-widget label{font-size:2.5rem;padding:.3rem;color:#444;transition:all .2s ease}.portal .container .star-widget input:not(:checked)~label:hover,.portal .container .star-widget input:not(:checked)~label:hover~label{color:#ffae00;cursor:pointer}.portal .container .star-widget input:checked~label{color:#ffae00}.portal .container .star-widget input#rate-5:checked~label{color:#ffae00;text-shadow:0 0 20px #952}.text-rate{width:100%;font-size:1.5rem;color:#fff01b;font-weight:500;margin:0 0 20px;display:flex;align-items:center;justify-content:center}#rate-1:checked~.text-rate:before,#rate-1:hover~.text-rate:before{content:"😫 Disappointed ";margin-bottom:20px}#rate-2:checked~.text-rate:before,#rate-2:hover~.text-rate:before{content:"👎 Don't like it";margin-bottom:20px}#rate-3:checked~.text-rate:before,#rate-3:hover~.text-rate:before{content:"👍 Like it";margin-bottom:20px}#rate-4:checked~.text-rate:before,#rate-4:hover~.text-rate:before{content:"🤩 Awesome ";margin-bottom:20px}#rate-5:checked~.text-rate:before,#rate-5:hover~.text-rate:before{content:"😍 Love it ";margin-bottom:20px}.feedback-buttons{width:100%;border-top:1px solid hsla(0,0%,50.2%,.377);position:absolute;left:0;bottom:1px;display:flex;justify-content:center;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:.3rem}.feedback-buttons button{padding:.5rem;color:#fff;background-color:#111;border:1px solid #444;cursor:pointer}body,html{height:100%;scroll-behavior:smooth;width:100%;background-size:cover;background-position:50%}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}.container{display:grid;grid-template-rows:10vh auto;grid-template-areas:"head" "body"}.header{grid-area:head;height:10vh}.body{grid-area:body;width:100%;height:83vh;margin:20px auto}.widthContainer{width:95%;margin:auto}
/*# sourceMappingURL=/main.0578ba57.css.map */