*{box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.greetings-title{backdrop-filter:sepia(1);font-size:2em;padding:5rem 10rem;@media (max-width:768px){font-size:1.5em;padding-bottom:5rem;padding-left:2rem;padding-right:2rem;padding-top:5rem;text-align:center}@media (min-width:769px) and (max-width:1240px){padding-bottom:5rem;padding-left:3rem;padding-right:3rem;padding-top:5rem}}header{align-items:center;color:#000;display:flex;flex-wrap:wrap;gap:30px;min-height:132px;&>nav>ul{display:flex;font-size:1.2em;font-weight:400;gap:1rem;list-style:none;&>li>a{color:#000;text-decoration:none}}.logo-container{align-items:center;color:#000;cursor:pointer;display:flex;text-decoration:none;.logo{height:50px;width:50px}&>p{font-size:2em;font-weight:700}}@media (max-width:545px){&>h1,.logo-container>p{font-size:1.2em}}@media (max-width:768px){gap:10px;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem;&>img{height:100px;object-fit:cover;object-position:center;width:100%}}@media (min-width:769px){gap:10px;padding-bottom:1rem;padding-left:5rem;padding-right:5rem;padding-top:1rem;&>img{height:100px;object-fit:cover;object-position:center;width:20%;@media (max-width:1045px){width:100%}}}}.editTime{font-size:1em;padding:.5rem 2rem;text-align:right;@media (max-width:425px){padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem}@media (max-width:545px){font-size:.8em}}.footer-container{background-color:#0f172a;color:#d1d5db;margin-top:100px;padding:2rem;.footer-content{display:flex;flex-direction:column;gap:2rem;margin-left:auto;margin-right:auto;max-width:80rem}}@media (min-width:768px){.footer-container{padding:3rem;.footer-content{flex-direction:row;gap:2rem;justify-content:space-between}}}.footer-section{display:flex;flex:1 1 0%;flex-direction:column;gap:1rem;.footer-title{color:#fff;font-size:1.5rem;font-weight:700}@media (min-width:768px){.footer-title{font-size:1.6rem}}.footer-slogan{color:#9ca3af;font-size:.875rem;line-height:1.625}@media (min-width:768px){.footer-slogan{font-size:1rem}}.footer-info{border-top:1px solid #374151;color:#6b7280;font-size:.75rem;padding-top:.5rem;&>p{margin-top:.25rem}}@media (min-width:768px){.footer-info{font-size:.875rem}}.contact-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;.contact-item{align-items:center;color:#9ca3af;display:flex;gap:.75rem;&>a{color:inherit;text-decoration:none;transition:all .3s ease}&>a:hover{text-decoration:underline}&>svg{color:#6b7280;height:1rem;width:1rem}&>span{font-size:.875rem}}}}