.blog{width:100%;height:100vh;padding:10px}.blog .blog-header{justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;top:80px}.blog .blog-header .title{font-size:35px;font-weight:500;display:flex}.blog .blog-header span{color:#cc0100}.blog .blog-search{justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;top:100px}.blog .blog-search input{border:2px solid #cc0100;border-radius:10px;outline:none;width:550px;height:60px;padding-left:10px}.blog .blog-search button{color:#fff;background-color:#cc0100;border-radius:10px;width:150px;height:50px;margin-left:20px;font-size:20px;font-weight:500}.blog .blog-card-container{flex-wrap:wrap;justify-content:center;width:100%;height:auto;max-height:80vh;padding-top:20px;padding-left:30px;padding-right:30px;display:flex;position:relative;top:100px}.blog .loading{justify-content:center;align-items:center;width:100%;height:90vh;padding-bottom:40px;font-size:40px;font-weight:500;display:flex}.blog .not-found{justify-content:center;align-items:center;width:100%;height:70vh;font-size:50px;display:flex}@media (max-width:900px){.blog{align-items:center;padding-left:10px;padding-right:10px}.blog .blog-header{padding-top:10px;padding-left:20px;padding-right:20px}.blog .blog-header .title,.blog .blog-header .line{display:none}.blog .blog-header .menu{display:flex}.blog .blog-header .flex,.blog .blog-search{display:none}.blog .blog-card-container{height:auto;max-height:none;padding-top:4px;padding-left:10px;padding-right:10px}.blog .loading{font-size:25px}.blog .not-found{text-align:center;font-size:30px}}
.blog-card{border-radius:10px;align-items:center;width:90%;height:220px;margin:25px 0;padding-left:20px;padding-right:20px;display:flex}.blog-card h1{margin:0 5px 5px;font-size:20px;font-weight:500}.blog-card img{width:250px;height:auto;max-height:100%}.blog-card .blog-card-block{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding-left:20px;padding-right:20px;display:flex}.blog-card .blog-card-block .btn-container{justify-content:end;width:100%;display:flex}.blog-card .blog-card-block .btn-container button{cursor:pointer;border:1px solid #fff;border-radius:10px;width:120px;height:40px;margin-right:60px;font-size:15px;font-weight:500}@media (max-width:900px){.blog-card{flex-direction:column;width:100%;height:auto;padding-left:5px;padding-right:5px}.blog-card img{width:100%;height:300px}.blog-card .blog-card-block{width:100%;height:auto;padding-top:40px;padding-left:0}.blog-card .btn-container .link{width:100%}.blog-card .btn-container .link button{width:100%;height:65px;margin:20px 0;font-size:23px}}