.bloglist{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.bloglist>a{border:1px solid var(--main);border-radius:20px;text-decoration:none;overflow:hidden}.bloglist>a .image{border-bottom:1px dashed var(--main);justify-content:center;align-items:center;display:flex;overflow:hidden}.bloglist>a .image>div{justify-content:center;align-items:center;display:flex;min-height:auto!important}.bloglist>a .image img{width:100%;height:auto;margin:0;transition:transform .3s}.bloglist>a .blogmeta{display:flex}.bloglist>a .blogmeta .blogl{border-right:1px dashed;width:120px;padding:5px 0 5px 20px;font-size:14px}.bloglist>a .blogmeta .blogl.a001{border-color:#adff2f}.bloglist>a .blogmeta .data{color:gray;align-items:center;gap:10px;width:calc(100% - 120px);padding:5px 0 5px 20px;font-family:Outfit;font-size:14px;display:flex}.bloglist>a .blogmeta .data svg *{stroke:gray}.bloglist>a .blogc{border-top:1px dashed var(--main);padding:20px}.bloglist>a .blogc h3{margin:0;font-size:18px}.bloglist>a .blogc p{color:gray;margin:5px 0 0;font-size:12px;font-weight:400}.bloglist>a:hover .image img{transform:scale(1.05)}.linknav{justify-content:center;gap:5px;display:flex}.linknav a{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit;text-decoration:none;transition:background-color .3s,color .3s;display:flex;box-shadow:0 3px 4px 1px #e7e7e7,inset 0 1px 4px 1px #e7e7e7}.linknav a svg *{transition:stroke .3s}.linknav a.active{background-color:var(--blue);color:#fff}.linknav a.stop{opacity:.5;background-color:var(--main)}.linknav a.stop:hover{background-color:var(--main);color:#000}.linknav a.stop:hover svg *{stroke:#000}.linknav a:hover{background-color:var(--blue);color:#fff}.linknav a:hover svg *{stroke:#fff}