.blogs{display:flex;flex-direction:column;gap:5px}.blog{display:flex;cursor:pointer;user-select:none;border:1px solid #ccc;word-break:break;padding:10px;border-radius:15px;background-color:var(--s3);font-size:small;transition:scale .125s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out,filter .25s ease-in-out;box-shadow:var(--shadow-card)}.blog:active{scale:.95}.blog>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-left:15px}.blog>img{min-width:200px;max-width:200px;min-height:100px;max-height:100px}.blog>div>h3{margin:5px 0}.blog>div>span{word-break:auto-phrase}.miniBlog{display:flex;cursor:pointer;user-select:none;padding:10px;border-bottom:1px solid #bebebe;background-color:transparent;box-shadow:var(--shadow-card)}.miniBlog>div{display:flex;flex-direction:column;justify-content:space-between;margin-left:15px}.miniBlog>img{min-width:125px;min-height:75px;max-width:125px;max-height:75px}.selectedMiniBlog{background-color:var(--s3);border-bottom:none}.miniBlog>div>h3{margin:5px 0;font-size:16px;word-break:auto-phrase}.miniBlog>div>span{word-break:auto-phrase}.blogView{display:flex}.blogsList{min-width:300px}.blogsList>div{border-radius:15px;border:1px solid #ccc;background-color:var(--s5)}.blogContent{word-break:break-word;min-width:700px;max-width:700px;margin-right:10px;margin-left:20px}.blogContent>h1{white-space:pre-line;text-align:left;font-size:1.5em;margin:15px 0}.blogContent>img{min-width:100%;max-width:100%;min-height:350px;max-height:350px}.bcontent{font-size:smaller;text-align:left;margin-bottom:50px}.bcontent img{max-width:700px}@media(max-width:768px){.blog{flex-direction:column;padding:8px}.blog>img{min-width:100%;max-width:100%;min-height:150px;max-height:150px;margin-bottom:10px}.blog>div{margin-left:0;width:100%}.blogView{flex-direction:column;gap:100px}.blogsList{min-width:100%;margin-bottom:15px}.blogContent{min-width:100%;max-width:100%;margin-left:0;margin-right:0;padding:0 0 0 10px}.blogContent>img{min-height:200px;max-height:200px;min-width:100px;max-width:300px}.miniBlog>img{min-width:80px;min-height:50px;max-width:80px;max-height:50px}.miniBlog>div>h3{font-size:14px}.bcontent{margin-right:10px}}