*{padding:0;margin:0;box-sizing:border-box;font-family:Titillium Web,sans-serif}:root{--mainColor:#29335c;--mainColorLight:#5767aa;--textColor:#000}header{margin-top:1.5%;position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2rem;background-color:none;color:var(--textColor)}nav a{margin:0 2rem;color:#fff;text-decoration:none;font-size:25px}nav a:hover{border-bottom:1px solid #fff}header .nav-btn{padding:5px;cursor:pointer;background:transparent;border:none;outline:none;color:#fff;visibility:hidden;opacity:0;font-size:1.8rem}header div,nav{display:flex;align-items:center}@media only screen and (max-width:1248px){header .nav-btn{visibility:visible;opacity:1;transition:1s}header nav{position:fixed;top:-100vh;left:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background-color:#502c12;transition:1s}header .responsive_nav{transform:translateY(100vh);transition:1s}nav .nav-close-btn{position:absolute;top:2rem;right:2rem;transition:1s}nav a{font-size:1.5rem;transition:1s}}@media (max-width:454px){.imglog{width:40%}}