.grid{display:grid;grid-template-columns:250px 1fr 250px;grid-template-areas:"nav nav nav" "header header header" "left main right"}.topbar{grid-area:nav}header{grid-area:header}main{grid-area:main}.left{grid-area:left;background:#ccc}.right{grid-area:right}header{position:sticky;top:50px;margin-top:0px;text-align:center;background:#cecece;height:200px}.right{background:#a9a9a9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}a{text-decoration:none}main{margin:auto;max-width:1160px;min-height:100vh;padding:20PX}.topbar{position:sticky;top:0;background:#444;box-shadow:0px 4px 4px #333}.topbar nav{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:auto}.topbar nav .logo{color:#fff;margin-left:10px;text-transform:uppercase}.topbar nav ul{display:flex;list-style:none;margin-right:10px}.topbar nav a{display:inline-block;margin:0px;color:#fff;padding:12px 14px;text-transform:capitalize;font-weight:600}.topbar nav a:hover{color:#db4747;background:#ccc;transition:all .5s}.topbar .fletter{color:#db4747}/*# sourceMappingURL=main.min.css.map */