:root{--color-primary: #d4ecdd;--color-light: #345b63;--color-normal: #152d35;--color-dark: #112031}*{box-sizing:inherit}body{background-color:var(--color-primary);color:var(--color-dark);display:flex;flex-direction:column;height:100vh;margin:0;padding:0}header,main,footer{margin:0 auto;width:350px}.header{padding:.5rem}.header__top{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0}.header__title{margin:0;padding:0}#header__burger{background-color:var(--color-normal);border:1px solid var(--color-dark);color:var(--color-light);padding:.5rem;transition:all .3s ease-in}#header__burger:hover{color:var(--color-primary)}.navigation{display:flex;flex-direction:column;margin:0;padding:0}.navigation--hidden{display:none}.navigation__button{background-color:var(--color-light);border:1px solid var(--color-dark);color:var(--color-primary);padding:.5rem;transition:all .3s ease-in}.navigation__button:hover{background-color:var(--color-dark)}.navigation__button--active{background-color:var(--color-light);border:1px solid var(--color-dark);color:var(--color-primary)}.main{background-color:var(--color-normal);color:var(--color-primary);border-radius:10px;display:flex;flex-direction:column;margin:0 auto;padding:.5rem}.main__title{margin:0}.main__cards{display:flex;flex-direction:column}.card{background-color:var(--color-light);border-radius:10px;color:var(--color-dark);margin:.5rem;padding:.5rem}.card__title{margin:0;padding:0}.card__link{text-shadow:1px 1px var(--color-normal),-1px 1px var(--color-normal),1px -1px var(--color-normal),-1px -1px var(--color-normal);color:var(--color-primary);letter-spacing:2px;text-decoration:none}.card__link:hover{text-decoration:underline}.card__info{color:var(--color-primary);padding:0;margin:0}.footer{padding:.5rem}