html,body{height:100%;margin:0px}.selected-main{background-color:green}.selected-vertical{color:black;background-color:lightgray}.normal-main:hover{background-color:#555;color:white}.normal-vertical{color:black}.normal-vertical:hover{background-color:#f0f0f0;color:black}.header{background-color:lightgray}.button{display:inline-block;padding:10px 24px;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;border:none;border-radius:4px;transition:background-color 0.3s ease}.button.block{display:block;width:100%}.button.default{background-color:#4CAF50;color:#fff}.button.default:hover{background-color:#3d8b40}.button.blue{background-color:#008CBA;color:#fff}.button.blue:hover{background-color:#006687}.button.red{background-color:#f44336;color:#fff}.button.red:hover{background-color:#ea1c0d}.button.gray{background-color:#e7e7e7;color:#000}.button.gray:hover{background-color:#cecece}.button.black{background-color:#555;color:#fff}.button.black:hover{background-color:#3c3c3c}div{font-family:Arial, Helvetica, sans-serif;text-align:justify}.translate{display:flex}.main-menu{background-color:#333;overflow:hidden;display:flex;align-items:center;font-family:Arial, Helvetica, sans-serif}.main-menu ul{list-style-type:none;margin:0;padding:0;display:flex}.main-menu li{display:inline}.main-menu a{display:block;color:white;text-align:center;padding:14px 20px;text-decoration:none;transition:background-color 0.3s ease}.nav-bar{display:flex;justify-content:space-between;align-items:center;background-color:#333;padding:10px 20px;position:sticky;top:0;z-index:1000}.vertical-menu{padding:0;margin:0}.vertical-menu a,.vertical-menu .vertical-menu-title{width:100%;margin-bottom:3px;display:block;padding:6px;transition:background-color 0.3s ease;border-radius:10px}.vertical-menu .vertical-menu-title{font-weight:bolder}.sidebar{height:100%;padding:10px;flex-shrink:0}.container{display:flex;height:100%;flex-direction:row;align-items:stretch;justify-content:center;margin:0 auto;overflow-y:hidden}.main-content{flex:1;max-width:100ch;height:auto;background-color:white;padding:20px;overflow-y:auto}.wrap-link{text-align:left}.wrap-link a{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;display:inline;margin:10px 0}.project-screenshots{display:flex;justify-content:center;align-items:center;margin:2em;margin-top:0em}.project-screenshots img{max-width:80%;max-height:100%;height:auto;object-fit:cover}@media (min-width: 769px){.screenshots-link{pointer-events:none;text-decoration:none;cursor:not-allowed}}.hamburger{cursor:pointer;padding:15px;background-color:#333;color:white;display:none}a{text-decoration:none}#cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#333;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;z-index:1001;box-sizing:border-box}button{background-color:#4CAF50;color:white;border:none;padding:0.5rem 1rem;cursor:pointer;border-radius:5px}button:hover{background-color:#45a049}button:disabled{background-color:lightgray}.blog{display:flex;flex-direction:column;background-color:white;align-items:center}.posts{width:100%;margin-bottom:60px;margin-right:auto}.pagination{display:flex;gap:10px;position:fixed;bottom:0;background-color:white;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:1000;justify-content:center;align-items:center}.pagination button{width:80px}.pages-buttons,.pages-buttons-disabled{width:50px;height:50px}.pages-buttons-disabled{opacity:0.3}@media screen and (max-width: 768px){.posts{margin-bottom:20px}.pagination{gap:5px;padding:5px;width:100%;font-size:80%}.container{width:100%}.hamburger{display:block}.sidebar{position:fixed;transition:0.3s;overflow-x:hidden;display:none;left:0;background-color:#f1f1f1}.nav-bar{flex-direction:column;align-items:flex-start}.main-menu,.translate{flex-direction:column;width:100%}.nav-bar a{padding:12px;width:100%;text-align:center}.translate{align-items:center}#cookie-banner{flex-direction:column;text-align:center;padding:0.5rem;font-size:0.8rem}#cookie-banner button{margin:0.5rem 0 0 0;width:100%}}