*{margin:0;padding:0}.background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,black,transparent 10%,transparent 90%,black),linear-gradient(to top,black,transparent 10%),url(/assets/tree-background-DHn7H7Fj.jpg);filter:brightness(.8);background-size:cover;z-index:-5}header{position:sticky;top:0;text-align:center;background:linear-gradient(to bottom,#151519,#0c0c0e);color:#fff;padding:35px 0;font-size:larger;z-index:2}.feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,350px));gap:100px;padding:90px 20px;justify-content:center;min-height:100vh}.card{border-radius:8px;border:5px solid hsl(0,0%,6%);display:flex;flex-direction:column;background-color:#151519;padding:25px;color:#fff;text-align:center;height:600px;transition:transform .25s ease;position:relative;z-index:1}.card:hover{transform:scale(1.07)}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.card:hover:before{content:"";position:absolute;height:100%;width:100%;background:conic-gradient(from var(--angle),transparent 80%,black 20%),conic-gradient(from calc(var(--angle) - 180deg),transparent 80%,black 20%);inset:-15px;padding:15px;border-radius:inherit;z-index:-2;filter:blur(10px);animation:borderSpin 6s linear infinite}.card:hover:after{content:"";position:absolute;height:100%;width:100%;border-radius:inherit;background-color:#151519;inset:0;z-index:-1}.card:hover .read-btn{box-shadow:1px 1px 7px #fff,-1px -1px 7px #fff}@keyframes borderSpin{0%{--angle: 0deg}to{--angle: 360deg}}.card-image{width:100%;height:470px;object-fit:cover;background-color:#fff}.card-content{padding:15px;display:flex;flex-direction:column}.read-btn{text-decoration:none;color:#fff;background:#111131;padding:10px;border-radius:10px;margin:auto 0 0;border:2px solid hsl(240,17%,20%)}.floating-insta{position:fixed;bottom:2rem;right:2rem;font-size:3rem;color:#fff;background-color:#111131;width:4rem;height:4rem;border-radius:35%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #000;z-index:100;transition:transform .2s ease}.floating-insta:hover{transform:scale(1.1) rotate(5deg);background-color:#e2326c}.loader-container{display:flex;justify-content:center;align-items:center;height:50vh}.loader{width:50px;height:50px;border:5px solid hsl(240,8%,20%);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-container{display:flex;flex-direction:column;align-items:center}.articles{display:flex;flex-direction:column;align-items:center;width:55vw;min-height:140vh;padding-bottom:8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:8px solid hsl(240,2%,52%);border-right:8px solid hsl(240,2%,52%)}.back-btn{margin-top:2rem;text-decoration:none;color:#fff;background-color:#4a4a4a;padding:15px;border-radius:15px;border:5px solid hsl(0,1%,14%);text-align:center;font-size:2rem}.back-btn:hover{filter:brightness(1.1)}.title{font-size:2.7rem;margin-top:3rem;color:#fff;text-decoration:underline;background-color:#4a4a4a;border:6px solid hsl(0,1%,14%);padding:1rem 2rem;border-radius:15px;text-align:center}.date{background-color:#a7a5a5;padding:5px;border-radius:10px;margin-left:40%;margin-bottom:3rem;font-weight:700}.content{display:flex;flex-direction:column;align-items:center;max-width:90%}.content a{display:flex;flex-direction:row;justify-content:center;text-align:center;margin-top:1rem;font-size:1.5rem;color:#fff;background:#242323;padding:.5rem;border-radius:15px;border:3px solid hsl(0,1%,7%)}.content a[href$=".pdf"]:before{content:"🗎";color:#fff;margin-right:.5rem}.content img{max-width:50vw;height:auto;border-radius:15px;margin-top:3rem}.stats-bar{display:flex;gap:15px;margin-top:20px;align-items:center}.like-btn{min-width:6rem;height:3rem;border-radius:15px;font-size:1.5rem;background-color:#e45353;cursor:pointer;border:4px solid hsl(0,61%,30%);display:flex;align-items:center;justify-content:space-around}.like-btn:disabled{cursor:auto}.heart-icon{color:#fff;margin-top:5px}.like-btn:disabled .heart-icon{color:#a30000}.like-count{color:#fff}.share-btn{min-width:6rem;height:3rem;padding:0 1.2rem;border-radius:15px;font-size:1.2rem;cursor:pointer;background-color:#9cabba;border:4px solid hsl(211,31%,27%);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease}.share-btn:hover{transform:scale(1.05);background-color:#7bb3ea}.share-icon{color:#26384a}@media(max-width:1500px){.content img{max-width:50vw}.back-btn{font-size:1.5rem}}@media(max-width:1100px){.title{font-size:2.5rem}.articles{width:70vw}}@media(max-width:850px){.title{font-size:2rem}.articles{width:100vw}.content img{max-width:75vw}}@media(max-width:500px){.title{font-size:1.5rem}}