header{border-bottom:1px solid #e8d4cd28;margin-bottom:.5rem;display:flex;flex-direction:row;width:95%;justify-content:space-between}header a{margin:auto 0}header ul{padding:0}body{display:flex;flex-direction:column;align-items:center;background:linear-gradient(-45deg,#ba9386,#0f1014,#232a30,#0e0f13);background-size:500% 500%;animation:gradient 15s ease infinite;color:#fff;font-family:fira code;font-weight:300;overflow-x:hidden;word-wrap:break-word;min-height:100vh;margin:0}@keyframes gradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}h1,h2,h3{text-align:center;margin:0}p{text-align:justify;padding:inherit}a,a:visited{color:#e8d4cd;text-decoration:none;width:fit-content}a:hover{text-shadow:0 0 10px #e8d4cd,0 0 20px #e8d4cd,0 0 30px #e8d4cd}hr{width:75%;color:#e8d4cd;border:1px solid #e8d4cd28}main{display:flex;align-items:center;flex-direction:column;flex:1}main h1{margin-top:1vh}code{background-color:#272822;font-family:monospace;color:#e8d4cd}strong{font-weight:700}.pdp{border-radius:50%;width:35vh;height:35vh}ul{list-style-type:none;width:25vw;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:1em;padding:3vh 0}svg{width:1.15em;height:fit-content}svg:hover{filter:drop-shadow(0 0 10px #e8d4cd)drop-shadow(0 0 20px #e8d4cd)drop-shadow(0 0 30px #e8d4cd)}div{padding:2% 5%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left}.feed,.posts-list{margin:0 7%}.date{display:flex;justify-content:center;align-items:center;text-align:center;margin:0 1%}.content{width:100vw;padding:1%}.content img{display:block;margin:1% auto;max-width:71%;height:auto;border-radius:15px;filter:drop-shadow(0 0 1px #e8d4cd49)drop-shadow(0 0 2px #e8d4cda2)}.content p,.content h3{padding:0;text-align:left;width:75%}.content h2{margin-top:2%;padding:0 9%}.content ul{width:71%;padding:0;display:block;list-style-type:disc}.content ol{width:73%}.content li{width:75vw}.content li p{width:100%}.highlight{padding:0 5%;display:block;overflow:auto;width:75%}.tags{padding:1%}.tags ul{padding:0;margin:0}.card{display:flex;flex-direction:row;justify-content:center;background:#0000004f;margin:1% auto;padding:0;position:relative;z-index:0;border:1px solid #e8d4cd;cursor:pointer;height:21vh;border-radius:8px;box-shadow:0 0 1px #e8d4cd49,0 0 2px #e8d4cda2;overflow:hidden}.thumbnail{padding:0;width:100%;height:300px;display:flex;justify-content:center;align-items:center}.thumbnail img{width:100%;height:100%;object-fit:cover}.card:hover h2,.card:hover h1{text-shadow:0 0 10px #e8d4cd,0 0 20px #e8d4cd}.card:hover p{text-shadow:none}.text-preview{padding:0 3%;width:200%}.text-preview p{color:#fff}.tags-div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em;margin-top:15%}.tag{padding:5%;height:max-content;width:max-content;overflow:unset}pre code iframe{width:380px;height:580px;border-style:none;overflow:hidden;margin:0}pre:has(iframe){padding:0;overflow:hidden}.title{margin-top:5vh}.fa{font-size:xx-large}pre{background-color:#1e1e1e;color:#f5f5f5;padding:1rem;border-radius:8px;overflow-x:auto;white-space:pre;max-width:100%}footer{bottom:0;background-color:#e8d4cd;font-family:fira code;color:#000;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}footer p{text-align:center}button{background-color:initial;color:#f5f1fe;font-size:1.2rem;text-transform:uppercase;letter-spacing:.5px;padding:1.2rem;border:1px solid #e8d4cd;border-radius:.35rem;cursor:pointer;margin:15% 0;font-family:fira code}button:hover,.card:hover{animation-name:shine;animation-duration:301ms}@keyframes shine{0%{background:linear-gradient( 30deg,hsla(262,85%,95%,.5) 0%,transparent 25% )}25%{background:linear-gradient( 30deg,transparent 0%,hsl(260,85%,95%,.5) 25%,transparent 50%)}50%{background:linear-gradient( 30deg,transparent 0%,hsl(260,85%,95%,.5) 50%,transparent 75%)}75%{background:linear-gradient( 30deg,transparent 0%,hsl(260,85%,95%,.5) 75%,transparent 100%)}100%{background:linear-gradient( 30deg,transparent 0%,hsl(260,85%,95%,.5) 100%)}}@media screen and (max-width:1100px){.card{height:max-content}.text-preview{padding:3%}.thumbnail{display:none}}@media screen and (max-width:651px){main h1{padding:1% 5%;font-size:x-large}ul{width:65vw}.content img{max-width:100%}header{width:100%}header h3{font-size:larger;width:71%}.card{flex-direction:column-reverse;margin:5% auto;height:max-content}.card img{max-width:100%;padding-bottom:3%}.card .text-preview{padding-bottom:5%}.pdp{width:25vh;height:25vh}.text-preview{width:100%;padding:5% 7%}pre code iframe{width:100vw;overflow:auto}footer{width:102vw}}