:root{--primary-color:#1f2326;--secondary-color:#2b70e4;--text-color-dark:#333;--text-color-light:#fff;--background-color:#fff;--secondary-background-color:#fcfcfc;--hover-color-light:#f3f3f3;--font-primary:"Open Sans",sans-serif;--font-secondary:"Open Sans",sans-serif;--font-family--albert-sans:"Open Sans",sans-serif;--font-code:"Source Code Pro",monospace;--base-spacing:8px}body{font-family:var(--font-primary);background-color:var(--secondary-background-color);color:var(--text-color-dark)}.content-container{margin:auto;padding:130px 20px 60px;max-width:1200px;text-align:center;display:flex;flex-direction:column;align-items:center}.article-list-page h1{font-size:2.5em;color:var(--primary-color);margin-bottom:20px}.article-list-page h2{font-size:1.75em;color:var(--text-color-dark);margin-bottom:20px}.intro-text{font-size:1.2em;color:var(--text-color-dark);margin-bottom:30px;line-height:1.6}.category-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.category-button{background:var(--secondary-background-color);color:var(--text-color-dark);border:none;border-radius:30px;padding:10px 20px;margin:0 5px;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:1em}.category-button:hover{background:var(--text-color-dark)}.category-button.active,.category-button:hover{color:var(--text-color-light);box-shadow:0 8px 12px rgba(0,0,0,.2)}.category-button.active{background:var(--secondary-color)}.article-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.article-item{background:var(--background-color);border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;width:calc(33.333% - 20px);min-width:300px;text-align:left;position:relative}.article-item:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,.2)}.article-item a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.article-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform .2s}.article-item:hover .article-image{transform:scale(1.05)}.article-content{padding:15px;display:flex;flex-direction:column;flex-grow:1}.article-category{display:inline-block;color:var(--text-color-light);font-size:.75em;padding:5px 10px;border-radius:12px;margin-bottom:10px;white-space:nowrap;width:auto}.article-category.data-science{background-color:#ff5722}.article-category.python{background-color:#4caf50}.article-category.inżynieria{background-color:#2196f3}.article-content h2{font-size:1.5em;margin:0;color:var(--primary-color)}.article-date{font-size:.9em;color:var(--text-color-dark);margin:10px 0}.article-content p{font-size:1em;color:var(--text-color-dark);flex-grow:1}.read-more{color:var(--secondary-color);cursor:pointer;font-weight:700;margin-top:10px}.hidden{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.show{opacity:1;transform:translateY(0)}nav{position:fixed;height:80px;width:100%;background:var(--primary-color);box-shadow:0 2px 4px rgba(0,0,0,.5);z-index:1000;transition:background-color .3s,box-shadow .3s;flex-direction:row;justify-content:center;margin:0;padding:0;font-family:Albert Sans,sans-serif}.navbar,nav{display:flex;align-items:center}.navbar{justify-content:space-between;padding-left:1em;padding-right:1em;width:1200px}.navbar-links{display:flex;align-items:center}nav ul{list-style:none;display:flex;padding:0;margin:0}nav li{position:relative;margin-right:20px}nav a{color:#fff;font-weight:300;font-size:1em;transition:color .2s}nav a,nav a:hover{text-decoration:none}nav a:hover{color:var(--secondary-color)}nav form{display:flex;align-items:center}.button-navbar-menu{display:none}#title{font-size:1.5em}.navbarDropdown{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1001;width:-moz-max-content;width:max-content;top:150%;left:0;right:0;border-radius:.5em}.navbarDropdown.show{display:block}.navbarDropdown li{margin:0;padding:0}.navbarDropdown li a{text-decoration:none;display:block;white-space:nowrap;color:var(--text-color-dark);padding:12px 1.5em}.navbarDropdown a{padding:12px 16px;text-decoration:none;display:block}.navbarDropdown a:hover{background-color:#ddd;border-radius:.5em}.search-form{padding-left:1em;justify-content:center}.search-box,.search-form,.search-input{display:flex;align-items:center}.search-input{flex-grow:1;padding:10px 30px 10px 10px;margin-right:10px;border:solid #ddd;border-width:0 0 1px;border-radius:0;font-size:16px;transition:border-color .3s;justify-content:center}.search-input:focus{border-color:var(--primary-color);outline:none}.search-icon{z-index:1001;transform:translateX(-40px);color:#bbb}.search-icon:hover{color:var(--primary-color)}.show-pointer{cursor:pointer}@media (max-width:767px){nav{display:flex;flex-direction:column;height:auto;min-height:70px;background-color:transparent;box-shadow:none}nav a:hover{color:#2b70e4;text-decoration:none}.navbar{display:flex;height:auto;width:100vw;padding:0;background-color:transparent}#title,.navbar-links,.navbar-logo{display:none}.navbar-logo.show-logo{display:block;position:absolute;top:1em;left:1em}.navbar-links.show{justify-content:center;background-color:var(--primary-color);width:100vw;height:-moz-fit-content;height:fit-content;color:var(--text-color-light);padding-top:1em;padding-bottom:100vh;margin-top:-50px}.navbar-links .nav-main-ul,.navbar-links.show{display:flex;flex-direction:column;align-items:center}.navbar-links .nav-main-ul{list-style:none;padding:0;margin:10em 0 0}.button-navbar-menu{display:block;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:50ms;display:flex;position:fixed;right:1em;top:1em;justify-content:center;align-items:center;font-size:1rem;z-index:1001}.button-navbar-menu:hover{background-color:var(--primary-color);color:#fff}.navbarDropdown{display:none;position:inherit;background-color:transparent;box-shadow:none;z-index:1001;width:-moz-max-content;width:max-content;top:0;left:0;right:0;margin-top:0;border-radius:0;padding-top:.5em}.navbarDropdown li a{color:var(--text-color-light);padding:0}.navbarDropdown a:hover{background-color:transparent;color:var(--secondary-color)}.nav-main-ul li{padding:.5em}.navbarDropdown.show ul{margin:0}nav li{display:flex;flex-direction:column;align-items:center}}